[JavaScript] OnMouseOut - image dans un div
Alrik
-
Dfachim -
Dfachim -
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.
Merci de votre aide!
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!
A voir également:
- [JavaScript] OnMouseOut - image dans un div
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Telecharger javascript - Télécharger - Langages
4 réponses
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! ;)
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! ;)