Bonjour à tous, j'ai un petit problème en Javascript avec un onMouseOut.

Je vous explique le contexte, j'ai un menu avec onglet, lorsque je passe la souris sur un onglet, une fenêtre apparait en dessous prenant la largeur de la page et affichant les catégories, pour exemple, regardez Spartoo, c'est exactement ça!

J'ai donc crée plusieurs div en display:none, contenant mes liens et du texte. Lorsque je passe sur l'onglet j'arrive à afficher la bonne div en fonction de celui ci, pour l'instant tout va bien.

Mais le problème, c'est que je veux que lorsque ma souris sorte de la DIV, celle ci disparaissent, j'ai donc fais un onMouseOut qui appelle une fonction qui remet en display:none ma div, mais en fait lorsque la souris passe sur la div, tout va bien, mais si elle passe sur les liens, ou du texte, ou n'importe quel autre contenu dedans la div, elle disparait quand même.

J'imagine que le onMouseOut doit comprendre que je suis sur autre chose que ma div quand je navigue sur les liens, mais bon, ces liens font partie de cette div!

Comment faire?

Je vous remercie!

L'évènement mouseOut est dispatché à chaque fois que la souris quitte l'objet OU UN DES SES ENFANTS.
(idem pour mouseOver, qui est dispatché à chaque fois qu'on passe sur l'objet ou un de ses enfants).

Utilises plutôt les évènements rollOver et rollOut qui ne prennent pas en compte les enfants.

RollOver et RollOut c'est pas de l'AS3?

Solution trouvée! http://codingrecipes.com/onmouseout-fix-on-nested-elements-javascript

Petit code facile à comprendre et à insérer dans les balises scripts. Ensuite il explique comment appeler sa fonction.

C'est une petite triche mais bon, ça marche super!