Rechercher : dans
Par :

[JavaScript] OnMouseOut - image dans un div

Dernière réponse le 14 jun 2009 à 21:23:39 Alrik, le 31 mai 2009 à 19:42:22 
 Signaler ce message aux modérateurs

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!
Configuration: Windows XP
Firefox 3.0.10

Meilleures réponses pour « [JavaScript] OnMouseOut image dans un div » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

bizu53, le 31 mai 2009 à 21:35:20

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

Répondre à bizu53

2

Flatbeat, le 14 jun 2009 à 17:35:55

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

Merci d'avance !

Répondre à Flatbeat

3

bizu53, le 14 jun 2009 à 20:54:47

As-tu essayé ce que j'ai dit dans mon message précédent ? de mettre le mouseover et le mouseout sur ton image aussi ?

Il me semble que ça résout le pb (d'autant plus que Alrik n'a pas répondu après, donc ça devait être la bonne piste).

Répondre à bizu53

4

 Alrik, le 14 jun 2009 à 21:23:39

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! ;)

Répondre à Alrik