J'ai recuperer un petit scrip ici qui me rend bien utile, et meme plus. Mais je but sur plusieurs gros problemes et j'arrive pas a trouver une solution. Je signal que je connait rien en programmation c'est du a sa.
Voila la plus importante pour moi c'est ce petite probleme j'ai modifier le code ou j'ai mis a la place de ligne des images tous va bien, mais quand je clique sur mon sous menu . Le 1er ce developpe, le 2eme aussi, mais le 3eme disparait.
Voila j'aimerai modifier mon petit menu dynamique pour mettre un sous sous-menu sous certain ligne.
Ensuite, j'aimerai bien mettre mes icones de ligne en images survoler, mais sa marche pas trop bien.
Si quelqu'un pouvait j'etait un petit coup oeil car je suis vraiment pomet la.
merci d'avance
voici le texte html
</style></head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<link rel="stylesheet" type="text/css" href="sddm.css" >
<title>JSwitch Slide Menu</title>
</head>
<!-- *********************************Start Menu****************************** -->
LE CLUB
<!-- -->
<!-- *********************************End Menu****************************** -->
<!-- *********************************Start Menu****************************** -->
LE KARATE
<!-- -->
<!-- *********************************End Menu****************************** -->
<!-- *********************************Start Menu****************************** -->
INFORMATION
<!-- -->
<!-- *********************************End Menu****************************** -->
<script type="text/javascript" src="xpmenuv21.js"></script>
</html>
voici le xpmenuv21.js
var menuObjArray = new Array();
menuObjArray[0] = new Array();
menuObjArray[1] = new Array();
menuObjArray[2] = new Array();
menuObjArray[3] = new Array();
menuObjArray[4] = new Array();
menuObjArray[5] = new Array();
menuObjArray[6] = new Array();
menuObjArray[7] = new Array();
var timerSlide = null;
var numMenuItem = 0;
var slideDelay = 5;
var divHeight = 21;
var moveSlidePix = 7;
var isLocked = null;
var doFading = true;
InitAll();
function InitAll()
{
var divs = document.getElementsByTagName("DIV");
menuStateAry = GetUserCookie("xpMenuCookv2").split(",");
aryNum = 0;
for(dn=0; dn < divs.length;dn++)
{
if(String(divs.item(dn).className).substring(0,7) == "topItem")
{
mainMenuDiv = divs.item(dn).parentNode;
menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1);
itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0);
try //to apply cookies settings
{
if(menuStateAry != 0)
itemContainerDiv.style.height = parseInt(menuStateAry[aryNum]) + "px";
if(!doFading)
{
if (menuContainerDiv.filters)
menuContainerDiv.filters.alpha.opacity = 100;
else
menuContainerDiv.opacity = 1;
}
if(menuStateAry != 0 )
{
if( parseInt(menuStateAry[aryNum]) == 0)
itemContainerDiv.style.display = 'none';
else
itemContainerDiv.style.display = 'inline';
}
}
catch(e)
{
e= null; //cookie may not exist yet
}
Init(divs.item(dn));
aryNum++;
}
}
}
function Init(objDiv)
{
if (isLocked)
return;
var mainMenuDiv, subMenuDiv, menuContainerDiv, itemContainerDiv,styleRules;
for(r=0;r < document.styleSheets.length; r++)
{
if( -1 != String(document.styleSheets[r].href).indexOf("sddm.css") )
break;
}
if(!document.styleSheets[r].rules)
styleRules = document.styleSheets[r].cssRules;
else
styleRules = document.styleSheets[r].rules;
numMenuItem = 0;
mainMenuDiv = objDiv.parentNode;
subMenuDiv = mainMenuDiv.getElementsByTagName("DIV").item(0);
menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1);
itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0);
aLen = menuObjArray[0].length;
for (i=0 ;i < aLen ; i++)
{
if (menuObjArray[0][i] == menuContainerDiv)
{
break;
}
}
if (i == aLen)
{
menuObjArray[0][i] = menuContainerDiv;
menuObjArray[1][i] = itemContainerDiv;
menuObjArray[7][i] = subMenuDiv;
menuObjArray[7][i].onmouseover = ChangeStyle;
menuObjArray[7][i].onmouseout = ChangeStyle;
subMenuDiv.onclick = SetSlide;
lastmenuNum = -1;
for (b=0;b 0)
menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px";
else
{
if(doFading)
{
if(menuObjArray[0][objIndex].filters)
menuObjArray[0][objIndex].filters.alpha.opacity = 0;
else
menuObjArray[0][objIndex].style.opacity = 0;
}
cName = String(menuObjArray[7][objIndex].className);
//alert(cName);
if (cName.substring(cName.length - 4, cName.length) == "Item")
{
menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Close";
}
if (cName.substring(cName.length - 4, cName.length) == "Over")
{
menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 4);
menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver";
}
if (cName.substring(cName.length - 5, cName.length) == "Close")
{
menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 5);
menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"CloseOver";
}
//cName = String(menuObjArray[7][objIndex].className);
//alert(cName);
menuObjArray[4][objIndex] = 0;
menuObjArray[0][objIndex].style.height = 0 + "px";
clearInterval(menuObjArray[5][objIndex]);
menuObjArray[5][objIndex] = null;
menuObjArray[6][objIndex] = false;
isLocked = null;
UpdateUserCookie(objIndex);
return 0;
}
return 0;
}
if (!menuObjArray[6][objIndex])
{
if(doFading)
{
if(menuObjArray[0][objIndex].filters)
menuObjArray[0][objIndex].filters.alpha.opacity += 100/ ( ( (menuObjArray[2][objIndex] * divHeight) / moveSlidePix) +1);
else
{
opcVal = parseFloat(menuObjArray[0][objIndex].style.opacity);
opcVal += .9/((menuObjArray[2][objIndex] * divHeight) / moveSlidePix);
menuObjArray[0][objIndex].style.opacity = opcVal;
}
}
menuObjArray[4][objIndex] += moveSlidePix;
if (menuObjArray[4][objIndex] < (menuObjArray[2][objIndex] * divHeight))
menuObjArray[0][objIndex].style.height = menuObjArray[4][objIndex] + "px";
else
{
if(doFading)
{
if(menuObjArray[0][objIndex].filters)
menuObjArray[0][objIndex].filters.alpha.opacity = 100;
else
menuObjArray[0][objIndex].style.opacity = 1;
}
strClassName = String(menuObjArray[7][objIndex].className);
menuObjArray[4][objIndex] = (menuObjArray[2][objIndex] * divHeight);
menuObjArray[0][objIndex].style.height = (menuObjArray[2][objIndex] * divHeight)+ "px";
menuObjArray[1][objIndex].style.display = 'inline';
clearInterval(menuObjArray[5][objIndex]);
menuObjArray[5][objIndex] = null;
menuObjArray[6][objIndex] = true;
cName = String(menuObjArray[7][objIndex].className);
//alert(cName);
if (cName.substring(cName.length - 4, cName.length) == "Over")
{
menuObjArray[7][objIndex].className = cName.substring(0,cName.length - 9);
menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Over";
}
if (cName.substring(cName.length - 5, cName.length) == "Close")
{
menuObjArray[7][i].className = cName.substring(0,cName.length - 5);
}
//cName = String(menuObjArray[7][objIndex].className);
//alert(cName);
isLocked = null;
UpdateUserCookie(objIndex);
return 0;
}
return 0;
}
}
function ChangeStyle()
{
className = String(this.className);
if (className.substring(className.length - 4, className.length) == "Over")
this.className = className.substring(0,className.length - 4);
else
this.className = this.className + "Over";
// alert(this.className);
}
et enfin le fichier CSS
.navbar
{
}
.mainDiv
{
width:250px;
}
.topItem
{
font: bold 16px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 185px;
height: 30px;
color: #FF0000;
cursor:pointer;
text-indent:10px;
text-align: center;
vertical-align: bottom;
}
.topItemOver
{
text-indent:10px;
font: bold 16px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 30px;
width: 185px;
color: #FF0000;
cursor:pointer;
}
.topItemClose
{
text-indent:10px;
font: bold 16px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 30px;
width: 185px;
color: #FF0000;
cursor:pointer;
}
.topItemCloseOver
{
text-indent:10px;
font: bold 16px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 30px;
width: 185px;
color: #FF0000;
cursor:pointer;
}
.dropMenu
{
font: bold 14px Georgia, Times New Roman, Times, serif;
background-color: #000000;
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 0px 0px 0px;
filter:alpha(opacity=100);
padding-top:5px;
padding-bottom:5px;
}
.subMenu
{
display:block;
}
.subItem
{
margin-left:10px;
margin-top:2px;
height:18px;
font: 11px Georgia, Times New Roman, Times, serif;
text-decoration:none;
color: #215dc6;
}
.subItem a
{
margin-left:23px;
font: 11px Georgia, Times New Roman, Times, serif;
text-decoration:none;
color: #215dc6;
}
.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 11px Georgia, Times New Roman, Times, serif;
height:18px;
color: #428eff;
}
.subItemOver a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
cursor:pointer;
color: #428eff;
text-decoration:underline;
cursor:pointer;
}
.drop
{
border-left:1px solid black;
border-right:1px solid black;
}