[JavaScript] OnMouseOut - image dans un div Fermé

Question

Bonjour à tous!

J'ai un petit souci en JavaScript, d'où mon post ici. En fait, je souhaite faire - en gros - un menu déroulant, en utilisant onMouseOver (dérouler le menu) et onMouseOut (replier le menu).

J'applique ces events sur le div qui contient le menu, avec les fonctions qui vont bien, et tout se passe normalement.

Seulement, les choses se compliquent dès que je met du contenu dans ce div! Pas de souci avec le texte, mais lorsque je mets une image, le onMouseOut s'active dès que le curseur survole l'image, qui est pourtant dans le div!

J'aimerais donc pouvoir survoler les images qui sont dans le div sans que celui-ci se replie.

Par exemple, dans le cas ci-dessous, mon div va se replier dès que je vais passer le curseur sur l'image qu'il contient.

      <div id="menu" onMouseOver="deplier()" onMouseOut="replier()">
           <img src="srcimage" />
      </div>

Merci de votre aide!

Dfachim · Accepted Answer

Voilà ta réponse : http://www.quirksmode.org/js/events_mouse.html#mouseover

bizu53 · Answer

As-tu essayé le mouseover et le mouseout sur l'image aussi ?

Flatbeat · Answer

J'ai le même problème, quelqu'un a une solution ?

Merci d'avance !

Alrik · Answer

Bonjour, et désolé du retard!

Oui, j'ai essayé le onMouseOver sur l'image aussi, mais ça ne résout rien. En fait, il y a un petit temps de latence qui fait que l'image commence quand même à se replier dès qu'on passe du div à l'image, et elle reste bloquée dans une position semi-dépliée.

Mais bon, après avoir essayé tout un tas de techniques plus foireuses les unes que les autres, je me suis reporté sur un bon vieux onClick...

Merci quand même de vos conseils! ;)

[JavaScript] OnMouseOut - image dans un div

4 réponses

Discussions similaires