11548 sujets

JavaScript, DOM et API Web HTML5

Menu dynamique avec sous-menus à plusieurs niveaux

Bonjour,

Je reprends mes questions avec l'écriture correcte des codes. Veuillez m'excuser.

J'utilise un menu déroulant avec des sous-menus.

Le menu est dans une page menu.php que j'appelle. Il est du style :


<div id="menu"> 
  <dl>
    <dt onmouseover="javascript:montre('smenu1');"><a href="">truc</a></dt>
    <dd id="smenu1" class="cn" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');"> 
      <ul>
        <li><a href="">Machin</a></li>
        <li><a href="">Chose</a></li>
      </ul>
    </dd>
  </dl>
  <dl>......etc</div>
</div>


Dans mon head de ma page j'utilise: 

<script type="text/javascript">	<!-- permet menu1, 2É dans le div.barremenu-->
	window.onload=montre;
	function montre(id) {
        var d = document.getElementById(id);
	  for (var i = 1; i<=10; i++) {
	if (document.getElementById('smenu'+i)){document.getElementById('smenu'+i).style.display='none';}
				}
			if (d) {d.style.display='block';}
			}
		</script>[


Je veux faire la même chose avec un deuxième niveau et je n'y arrive pas.

Comment faire ?

Merci d'avance
Modifié par osiris (15 Jul 2007 - 17:09)
La question a sautée.

Je veux faire la même chose avec un deuxième niveau et je n'y arrive pas.

Comment faire ?

Merci d'avance
Sujet clos
Aller à