Menu déroulant et mouseover

Version imprimable

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:

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:

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';}
}

13/06/2008, 09h48
E.Bzz

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

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

A+
13/06/2008, 10h54
tusssss

Citation:

Envoyé par E.Bzz

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

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

A+

onmouseout plutôt que onmouseover, si on veut faire disparaitre le menu quand la souris n'est plus dessus.
13/06/2008, 11h13
E.Bzz

Citation:

Envoyé par tusssss

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é :aie:

Merci de la correction ;)

A+

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

Code:

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

avec la définion de la fonction cache :
Code:

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 !

13/06/2008, 16h37
E.Bzz

En fait, non :aie:

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+
13/06/2008, 16h42
E.Bzz

Citation:

Envoyé par 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 :mrgreen:

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

A+
16/06/2008, 12h02
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 :(
17/06/2008, 12h17
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...:?