Propagation - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Propagation

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Propagation (Lu 991 fois)

Propagation
« sur: le 27-10-2010 a 10:37:48 »

tony35520
Membre récent

Hors-Ligne

Messages: 18

Bonjour à tous,

Voici mon problème :

J'ai une div mère en position absolue (<div id="Wrap">) qui contient 3*3 div enfants( <div class="item">) en position relative et en float left.
Je souhaiterais appeler une fonction uniquement lorsque la souris entre sur la div Wrap, mais cependant, elle se répète à chaque fois que la souris survole une div enfant et en ressort.

Voici mon code javascript :
$("#Wrap").bind('mouseover',function(e){
e.stopPropagation();
return false;
});

et html :

<div id="Wrap">
<div class="item"></div>
....
....
</div>

Si quelqu'un savait comment éviter la propagation ??

Merci beaucoup !!

Rapporter au modérateur

Re:Propagation
« Répondre #1 sur: le 04-11-2010 a 21:00:41 »

MarvinLeRouge
Superactif

Hors-Ligne

Messages: 584

Salut,

J'ai l'impression qu'il y a un problème dans ta logique de code, c'est dans l'autre sens que fonctionne la propagation : le div A est survolé (il a l'info), il la propage à son parent (le div #wrap) qui la propage à son parent et ainsi de suite jusqu'au body.

Donc, quand ton div interne est "hovered" ou "outed", ça re-déclenche un hover sur ton div #wrap.
Je pense que tu pourrais "lever un drapeau" lorsque tu rentres sur #wrap, et ne le rabaisser que lorsques tu sors de #wrap, et, lorsque tu rentres sur #wrap, tu vérifies l'état de ce drapeau. Moralité : s'il est déjà levé, tu es déjà dedans, donc tu n'as rien à faire.

Ça répond à ta question ?

Rapporter au modérateur

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018