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 !

[E.Bzz]

En fait, non

Ca aurait dû être bon comme ça : c'est le fonctionnement prévu avec la fonction montre().
Quand tu survoles un menu, elle cache tous le menus (boucle for() ), puis affiche celui survolé (dont l'id est passé en paramètre) ...
Si ça ne fonctionne pas, c'est peut-être que tu as une erreur, non ?

Pour le problème de "Javascript:", tu as trouvé tout seul : c'est comme tu as fait pour le onmouseout (sans "Javascript:", donc).

... et les balises [code], c'est avec le bouton "#" de l'éditeur dans lequel tu écris tes messages

A+

[E.Bzz]

Ca aurait dû être bon comme ça : c'est le fonctionnement prévu avec la fonction montre().

D'ailleurs, ça fonctionne avec IE6 et Firefox

A condition d'enlever les "javascript:" (comme l'impression de me répéter, là )

A+

[adrien555]

J'ai enlevé les "javascript:" mais avec IE7 j'ai le même fonctionnement, le menu ne se referme pas quand on met la souris à droite du menu

[adrien555]

Bon finalement j'ai trouvé comment refermer le menu quand la souris est au dessous en ajoutant :
<dl>
<dt onmouseover="javascript:montre();"></dt>
</dl>
à la fin du menu.

Par contre, il reste toujours ouvert lorsque la souris est à sa droite.
Si quelqu'un à une idée...