menu déroulant
menu déroulant - HTML/CSS - Programmation
Marsh Posté le 24-11-2007 à 14:19:14
tu sais pas faire un copier coller 
ca te semblait pas important mais les onmouseout que t as enlevé sont exactement la source de ton probleme 
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Marsh Posté le 24-11-2007 à 14:38:22
je crois que je me suis mal exprimer >_< je n'ai pas enlevé de onmouseout, j'aimerai une ligne de code pour que le menu se ferme quand la souris ne le touche plus, j'ai essaier avec onmouseout mais avec onmouseout je ne peux plus clicker sur les sous menu
Marsh Posté le 24-11-2007 à 14:44:19
tu as enlevé le onmouseout de cet exemple : http://css.alsacreations.com/xmedi [...] smenu4.htm
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Marsh Posté le 24-11-2007 à 14:55:37
a d'accord, jai compris je comprend mieu 
enfaite je n'avais rien enlever j'avais pris un autre script , merci !!
Marsh Posté le 24-11-2007 à 15:07:43
j ai jamais vu un script faire le tour du web comme celui ci ... il aurait du mettre un copyright dessus ca nous eviterait de faire le sav ![[:osweat]](https://forum-images.hardware.fr/images/perso/osweat.gif "[:osweat]")
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Sujets relatifs:
- Menu déroulant horizontal - Pb sous ie6
- pb d'afichage dans un menu deroulant
- Positionnement d'un texte dans une DIV suite à menu déroulant
- Compatibilité SpryAsset menu déroulant avec div (conflit)
- menu déroulant horizontal
- Include php et problème menu déroulant
- Résolu
- Pb de menu déroulant étrange sous IE6
- [VBA] remplissage d'une valeur sur choix dans un menu déroulant
- Problème menu déroulant
Marsh Posté le 24-11-2007 à 13:48:41
boujour à tous,
si vous avez des question n'hésitez pas!
voici mon script, le menu marche très bien, mais les menu ne disparraissent pas lorsque que ma souris de les touche plus, alors voila, j'aimerais savoir quelle ligne de code et ou l'incérer pour faire en sorte que dès que ma souris de touche plus les sous menu et le menu qu'il se range. j'ai essaier d'utiliser onmouseout=javascript:montre('') mais il se trouve que je ne peux plus clicker sur un sous menu. voila j'espère que j'ai été asser clair
<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 #007eff;
}
#menu dd {
border: 1px solid #007eff;
}
#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: #c3e5ff;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid #007eff; }
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style></head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#007eff">
<div style="height: 16px; width: 778px; top: 194px; left: 65px;" id="menu">
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" 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>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="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>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
Message édité par lihass le 24-11-2007 à 14:36:52