Forum « Re: double menu déroulant »

Forum « Programmation Javascript » (archives)

Re: double menu déroulant

Envoyé: 13 avril 2004, 9h27 par karibou

Salut je ne sais pas si c'est ce que tu veux mais voici un menu dynamique sur autant de niveau que tu veux :
(ça tu le met dans ta balise <head>)

<script type="text/javascript">
function cliMenu(menu, num)
{
isIE = (document.all)
isNN6 = (!isIE) && (document.getElementById)

if (isIE) menu = document.all[menu+num+'Child'] ;
if (isNN6) menu = document.getElementById(menu+num+'Child') ;

if (menu.style.display == "none")
{
menu.style.display = "block"
document.images['Image'+num].src='../Images/TriangleBas.gif';
}
else
{
menu.style.display = "none"
document.images['Image'+num].src='../Images/TriangleDroite.gif';
}
}
</script>

A chaque click l'image devant le menu ou sous menu change

(ça dans la balise <body>)



<a href="#" onClick="cliMenu('Menu', '1'); return false">
<img name="Image1" src="../Images/TriangleDroite.gif" border="0" alt="Ouvrir/Fermer l'option Menu" width="16" height="16">
Menu1
</a> 



 Rubrique1 



<a href="#" onClick="cliMenu('Menu', '11'); return false">
<img name="Image11" src="../Images/TriangleDroite.gif" border="0" alt="Ouvrir/Fermer l'option Menu" width="16" height="16">
SousMenu1
</a> 




 Rubrique 
 Rubrique 




<a href="#" onClick="cliMenu('Menu','111'); return false">
<img name="Image111" src="../Images/TriangleDroite.gif" border="0" alt="Ouvrir/Fermer l'option Menu" width="16" height="16">
SousMenu01 du SousMenu1
</a> 




 Rubrique 
 Rubrique 
 Rubrique 





<a href="#" onClick="cliMenu('Menu','12'); return false">
<img name="Image12" src="../Images/TriangleDroite.gif" border="0" alt="Ouvrir/Fermer l'option Menu" width="16" height="16">
SousMenu2
</a> 




 Rubrique 




<a href="#" onClick="cliMenu('Menu','121'); return false">
<img name="Image121" src="../Images/TriangleDroite.gif" border="0" alt="Ouvrir/Fermer l'option Menu" width="16" height="16">
SousMenu1 du SouMenu2
</a> 




 Rubrique 
 Rubrique 







J'espère t'avoir aidé!