Discussion :

[dacid]

Bonjour @ tous,

J'ai des DIV enfants dans un DIV parent, tout ça en position absolute.
J'ai mis un click sur le parent et un autre sur chaque enfant:

Code :

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

$("#divParent").click(function () { alert("ok"); });

Le problème est que j'aimerais que cet événement ne soit pas prit en compte lors du clic sur un enfant.

Mon contexte: Lors du clic sur un enfant, je fait apparaitre un div, et si on clique ailleurs que sur un enfant, j'aimerais que ce div se cache.
Seulement, vu que lors d'un clic sur un enfant, le clic sur le parent se joue aussi, le div apparait et se cache aussitôt.
Pour info, dans mon dic enfant, il y a une image en background et c'est tout.

Est ce possible ?

Merci d'avance.

David.

[SpaceFrog]

si j'ai bien saisi :

http://api.jquery.com/event.stopPropagation/

[dacid]

Bonjour SpaceFrog,

Merci pour ta rapidité.

Oui, tu as bien saisi, seulement ça ne colle pas car je n'utilise pas un évenement jQuery pour le clic de l'enfant.

Code :

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

<div onclick="clickElement(this);">...</div>

Je n'ai pas le choix car ce sont des div construits dynamiquement via de l'AJAX et je suis en MVC.

Si j'ai bien saisi, event.stopPropagation(); doit se mettre dans l'évenement de l'enfant. Mais si je le met dans la fonction clickElement() qui est dans un fichier js, il me met une erreur.

Code :

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

Erreur*: event is not defined

Il faut que mon code soit compatible Firefox et IE.

[SpaceFrog]

ben il faut utiliser live() ou delegate() poru tes elements créés dynamiquement

[dacid]

Bon, je me suis débrouillé... Ca fonctionne !


Merci pour event.stopPropagation, SF.


PS: Je ne vois pas la différence entre click et live()... Sinon qu'on peut faire un die().

[SpaceFrog]

live() permet que les élements créés dynamiquement héritent des évènements associés selon le selecteur jquery

par exemple si sur le selements de class .thisone tu mets un onclick sur le ready,
les elements créés dynamiqueemnt àprès ne beneficieront pas du onclick.
Il faudra declerer le onclick avec un live pour que les elements créés à posteriori aient le même onclick que ses collègues de même classe