Besoin d'explication sur le menu deroulant vertical

hanimichi

11 Mar 2007 à 22:19

Bonsoir

Je tente de realiser un menu deroulant vertical dynamique en s'inspirant du tutorial du menu de ce site meme.

Et j'aimerais avoir une explication sur la fonction javascript.
Lorsque je realise un menu de ce type :
je procede la maniere suivante:



<html>
<head>
	<title>Untitled</title>
<link rel="STYLESHEET" type="text/css" href="../../css/MiseEnPage/menu.css">
	
	
	</style>
	<script type="text/javascript">
<!--
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>

</head>

<body>
<dl id="menu">

		<dt onclick="javascript:montre();"><a href="#">Menu 1</a></dt>
			
		<dt onclick="javascript:montre('smenu2');">Menu 2</dt>

			<dd id="smenu2">
				<ul>
					<li><a href="#">Sous-Menu 2.1</a></li>
					<li><a href="#">Sous-Menu 2.2</a></li>

					<li><a href="#">Sous-Menu 2.3</a></li>
				</ul>
			</dd>	
 
          <%   
		       for (int j=3; j<10;j++) 
		       {
			     
			%>
		<dt onclick="javascript:montre('smenu+<%=j%>');">Menu <%=j%></dt>

			<dd id="smenu<%=j%>">
				<ul>
					<li><a href="#">Sous-Menu 3.1</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>

					<li><a href="#">Sous-Menu 3.1</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>

					<li><a href="#">Sous-Menu 3.1</a></li>
				</ul>
			</dd>
            <%    }%>
	
</dl>


</body>
</html>

Pourriez vous me dire pourquoi le menu est statique?
je vous remercie d'avance