Discussion :

[adrien555]

Bonjour,
Je cherche à faire un menu déroulant, j'ai utilisé le code suivant. Les sous-menu apparaissent quand la souris les survole. Mais lorsque la souris quitte le menu et se place à sa droite, à sa gauche ou au dessous, le menu ne se referme pas. Il se referme juste quand elle est au dessus. Comment faire ? Merci !

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
<div id="menu">
    <dl>
      <dt onmouseover="javascript:montre();"><a href="" title="Retour &agrave; l'accueil">Accueil</a></dt>
    </dl>
    <dl>
      <dt onmouseover="javascript:montre('smenu1');">Menu1</dt>
      <dd id="smenu1">
        <ul>
          <li><a href="droitetstatut.html">Sousmenu1-1</a></li>
          <li><a href="#">Sousmenu2-2</a></li>
           </ul>
      </dd>
    </dl>
    <dl>
      <dt onmouseover="javascript:montre('smenu2');">Menu2</dt>
      <dd id="smenu2">
        <ul>
          <li><a href="#">Sousmenu2-1</a></li>
          <li><a href="#">Sousmenu2-2</a></li>
                </ul>
      </dd>
    </dl>
         </div>
</div>

Et le javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
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';}
}

[E.Bzz]

Bonjour et bienvenue sur Developpez ,
il faut aussi que tu appelles ta fonction sur onmouseover ...

... et que tu enlèves le "Javascript:" dans le code des évènements

A+

[tusssss]

Bonjour et bienvenue sur Developpez ,
il faut aussi que tu appelles ta fonction sur onmouseover ...

... et que tu enlèves le "Javascript:" dans le code des évènements

A+

onmouseout plutôt que onmouseover, si on veut faire disparaitre le menu quand la souris n'est plus dessus.

[E.Bzz]

onmouseout plutôt que onmouseover, si on veut faire disparaitre le menu quand la souris n'est plus dessus.

Exact, bien sûr !
Mon clavier a fourché

Merci de la correction

A+

[adrien555]

Que veut dire "enlever le javascript dans le code des évènements ?
J'ai essayé d'ajouter un effet onmouseout :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<dl onmouseout="cache('smenu1');"> ?

avec la définion de la fonction cache :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
window.onload=cache; 
function cache(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='none';} 
} 
window.setTimeout("cache()",6000);

Mais ça ne marche pas...
Est-ce que c'est de cette façon qu'il faut faire ?
Merci pour vos réponses !