18073 sujets

Questions générales et questions de débutants

[Résolu] Problème de "onmouseout " avec menu déroulant css

Bijour à tous,
j'ai un ptit soucis de fonction javascript. J'ai repris le modèle de menu
déroulant http://css.alsacreations.com/modelesmenus/hd1.htm

Mais j'aimerais que le sous-menu disparaisse dès que la souris ne s'y trouve plus dessus.

Voilà le code pour ceux à qui ça intéresse :


<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>

<style type="text/css">
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
</style>
</head>

<body>
<dl>			
	<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
		<dd id="smenu1">
			<ul>
				<li><a href="#">Sous-Menu 1.1</a></li>
				<li><a href="#">Sous-Menu 1.2</a></li>
				<li><a href="#">Sous-Menu 1.3</a></li>
				<li><a href="#">Sous-Menu 1.4</a></li>
				<li><a href="#">Sous-Menu 1.5</a></li>
				<li><a href="#">Sous-Menu 1.6</a></li>
			</ul>
		</dd>
</dl>
</body>


Merci d'avance et bonne journée
Modifié par Alore (11 Oct 2005 - 17:02)
Saluton,
Si tu mets un onmouseout dans tes balises <dt> dès que tu voudras aller sur le sous-menu ouvert, il va disparaître.
Administrateur
Alore a écrit :
Mais j'aimerais que le sous-menu disparaisse dès que la souris ne s'y trouve plus dessus.

Hello Smiley smile

As-tu lu le tutoriel jusqu'au bout ? (notamment la partie nommée "Variante : les sous-menus disparaissent") Smiley cligne
Nom de nom c'que j'suis bête,
voilà ce qui arrive aux gens qui sont trop dans l'urgence,
la prochaine fois j'me précipiterais pas !!

Merci à vous deux Smiley cligne ......sur ce, je clos le sujet.
ah oui alors merci, j'me demandais comment le clore....
aïe aïe aïe, j'suis un peu pomé aujourd'hui...
merci
Administrateur
Alore a écrit :
ah oui alors merci, j'me demandais comment le clore....
aïe aïe aïe, j'suis un peu pomé aujourd'hui...
merci

Inutile de le clore (chaque sujet résolu peut être un excellent moyen d'élargir ensuite les débats).
Merci pour l'avoir signalé comme Résolu Smiley smile
Sujet clos
Aller à