Discussion :

[comode]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Willpower]

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.

[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 )

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[comode]

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

Merci à vous !

[Willpower]

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 )

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.