Bonjour,
J'ai un problème dont je ne vois pas l'explication dans un menu déroulant
Voici la structure du menu :
<dl>
<dt id="menu1" >titre1</dt>
<dd id="sous_menu1">
<ul><li>
<a>sous_titre1</a>
<a>sous_titre2</a>
</li></ul>
...
</dd>
</dl>
avec les <dd> en display = none dans la css
Voici la structure du code JS
1° évènements mouseover et mouseout sur les "menu*" et "sous_menu*",
2° mouseover ==> fonction montre()
mouseout ==> fonction cache()
3° fonction montre()
récupération de l'évènement
tous les "sous_menu*" en display = "none"
avec une regex, on teste si l'id est "menu_*" ou "sous_menu*"
==> on fait display = "block" sur le "sous_menu*" en question
4° fonction cache()
display = "none" pour tous les éléments avec id = "sous_menu*"
Voilà j'espère que mon "schéma" est assez clair.
Comportements et problème :
tout fonctionne parfaitement SAUF :
quand on survole un <dd> (donc un sous-menu) tout ce passe
bien JUSQU'A ce qu'on survole un lien, qui fait disparaitre le
sous-menu.
Donc à prioris, le suvole de la balise <a> (ou peut-être
<ul> ou <li>) est interprétée comme un mouseout sur la
balise <dd>
Le problème à résoudre est donc d'arriver à ce que le survol des liens ne fasse pas disparaître le sous-menu !!!
Merci
