Bonjour,
Je souhaite afficher des éléments dd d'un sous-menu à l'aide de javascript mais je n'arrive pas à les sélectionner. Voici le code :
Et le code JS :
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
20 <div id="menu"> <dl> <dt><a href="#">Accueil</a> <dd><a href="a">Sous-menu 1-1</a></dd> <dd><a href="a">Sous-menu 1-2</a></dd> <dd><a href="a">Sous-menu 1-3</a></dd> </dt> <dt><a href="#">Exercices</a> <dd><a href="a">Sous-menu 2-1</a></dd> <dd><a href="a">Sous-menu 2-2</a></dd> <dd><a href="a">Sous-menu 2-3</a></dd> </dt> <dt><a href="#">Documentations</a> <dd><a href="a">Sous-menu 3-1</a></dd> <dd><a href="a">Sous-menu 3-2</a></dd> <dd><a href="a">Sous-menu 3-3</a></dd> </dt> </dl> </div>
Je n'arrive pas à sélectionner les éléments dd qui se trouvent sous elementMenu (dt) avec le hover. J'ai essayé plusieurs façons mais sans succès. Avez-vous une piste ?
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 function addEventMenu () { var menu = document.getElementById('menu'); var menuPrincipal = menu.getElementsByTagName('dt'); for(var i=0; menuPrincipal.length>i; i++) { menuPrincipal[i].onmouseover = function () { showMenu(this); }; } } function showMenu(elementMenu) { alert(elementMenu); var sousMenu = elementMenu.getElementsByTagName('dd'); for(var i=0; sousMenu.length>i; i++) { sousMenu[i].style.display = 'block'; } }
Merci pour votre aide
Partager