Bonjour,
j aimerai faire un menu déroulant avec sous menu, mais que ces sous menus se ferment automatiquement lorsque le pointeur de la souris n est plu dessus.

Malheuresement, lorsque je fais un onMouseout pour fermer le sous-menu ouvert, ce sous-menu ne s ouvre plus du tout.

J espere qu avec le code vous comprendrez mieux mon problème.

J espere que vous pourrez m aider , c est tres important .
Merci d avance

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<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';}
}
function cache(id) {
var d = document.getElementById(id);
	d.style.display='none';
}
//-->
</script>
 
<body>
 
<div id="menu">
	<dl >
		<dt onMouseOver="javascript:montre('smenu1');" onMouseOut="cache('smenu1')"; ><img src="img/menu/magazine2.gif"></dt>
		<dd id="smenu1" style="background-color: #68B3DE;">
				<ul>
					<li> <a href="publications.php">Les publications</a></li>
					<li> <a href="lemagazine.php">Le magazine</a></li>
					<li> <a href="nutriformsante.php">Le grand public</a></li>
					<li> <a href="lalettre.php">La lettre</a></li>
					<li> <a href="leguide.php">Le guide AZ</a></li>
				</ul>
	  </dd>
	</dl>
</div>