Div superposés et évenements

Bonjour,

Voilà, j'ai un problème qui revient assez régulièrement, et je me demandais s'il existait une "bonne façon de faire" pour le contourner.

Imaginons 2 div en position absolute qui se supperposent :

Code:

---

1 2 3 4 5

<div id="machin" style="position:absolute;width:200px;height:200px;border:1px solid #000;background-color:#FFC;" ondblclick="javascript:alert('machin');" >   <div id="truc" style="position:absolute;width:50px;height:50px;border:1px solid #000;background-color:#9FC;" ondblclick="javascript:alert('truc');" >X</div>   </div>

---

un double click sur la div du 1er plan va provoquer l'exécution des évènements des 2 div, et donc afficher 2 alertes !

Existe t-il donc un moyen naturel de ne déclencher que l’évènement du div au 1er plan ?

En vous remerciant par avance

déjà enlève les "javascript:" car aucune utilité de label en dehors de boucle.

ensuite, rajoute un "return false" à la fin des instrusctions pour empécher l’évènement de se propager.

;)

Salut,
il me semble que dans ta fonction appelé par ton 1er div, à la fin, il suffit de mettre return false;(c'est ce que l'on m'as dit, mais cela n'as jamais marché chez moi :aie:)

Sinon, un truc qui marche bien et qui est propre:

Code:

---

1 2 3 4 5 6 7 8

function click(event) { event.stopPropagation();   blabla   ... }

---

A vérifier le event selon les navigateurs, mais moi j'utilise cela et ça marche trés bien.

C'est parfait, je me coucherai moins bête ce soir !

:ccool: Merci à vous !

Citation:

---

Envoyé par Darkyl

Salut,
il me semble que dans ta fonction appelé par ton 1er div, à la fin, il suffit de mettre return false;(c'est ce que l'on m'as dit, mais cela n'as jamais marché chez moi :aie:)

---

effectivement, au temps pour moi.

return false => annule l'action par défaut sur l'élément. (les liens, les submits, etc...)
stopPropagation (ou cancelBubble pour IE) empêche l'événement de se propager.

:oops: