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 :

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>
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
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';
	}
}
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 ?

Merci pour votre aide