Voila j'ai un soucis, j'ai créer un menu qui contient également un sous menu.
Je voudrais que mon sous menu s'affiche uniquement lorsque l'utilisateur se trouve dans la section contenant le sous menu.
J'arrive bien à afficher le sous-menu mais dès que je veux y accèder il se retire.
Voila le code de mon menu
Et ma fonction montre :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <div id="menu"> <ul> <li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a></li> <li onmouseover="montre('smenu3',true);" onmouseout="montre('smenu3',false);"><a href="#">Menu3</a></li> <ul id="smenu3"> <li><a href="#">Sous-Menu 3.1</a></li> <li><a href="#">Sous-Menu 3.2</a></li> <li><a href="#">Sous-Menu 3.3</a></li> </ul> <li><a href="#">Menu4</a></li> </ul> </div>
Existerait-il une solution pour que je puisse accèder à mon sous-menu ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 <script type="text/javascript"> window.onload=montre; //affichage du menu déroulant et placement de ce dernier function montre(id,affiche) { var d = document.getElementById(id); //si on quitte un élément du menu if (d && !affiche) { d.style.display='none'; //on l'efface } //sinon si on se mets sur un élément du menu else if (d && affiche) { d.style.display='block'; //on l'affiche } } </script>
Partager