Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2877 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu déroulant

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

menu déroulant

n°1648359
lihass
Posté le 24-11-2007 à 13:48:41  profilanswer
 

boujour à tous,
 
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 :P si vous avez des question n'hésitez pas!
 
<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
mood
Publicité
Posté le 24-11-2007 à 13:48:41  profilanswer
 

n°1648370
mIRROR
Chevreuillobolchévik
Posté le 24-11-2007 à 14:19:14  profilanswer
 

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
n°1648385
lihass
Posté le 24-11-2007 à 14:38:22  profilanswer
 

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

n°1648388
mIRROR
Chevreuillobolchévik
Posté le 24-11-2007 à 14:44:19  profilanswer
 

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
n°1648395
lihass
Posté le 24-11-2007 à 14:55:37  profilanswer
 

a d'accord, jai compris je comprend mieu :) enfaite je n'avais rien enlever j'avais pris un autre script , merci !!

n°1648396
mIRROR
Chevreuillobolchévik
Posté le 24-11-2007 à 15:07:43  profilanswer
 

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]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu déroulant

 

Sujets relatifs
Menu déroulant horizontal - Pb sous ie6pb d'afichage dans un menu deroulant
Positionnement d'un texte dans une DIV suite à menu déroulantCompatibilité SpryAsset menu déroulant avec div (conflit)
menu déroulant horizontalInclude php et problème menu déroulant
RésoluPb de menu déroulant étrange sous IE6
[VBA] remplissage d'une valeur sur choix dans un menu déroulantProblème menu déroulant
Plus de sujets relatifs à : menu déroulant


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR