Discussion :

[Pgs]

Bonjour,

J'utilise la class actionok pour les TR et je gère le onclick comme cela :

Code :

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

$(document).on('click', '.actionok', function() {ajaxok(this);});

Je voudrais avoir un traitement particulier pour un des TD de ces TR.
J'ai appliqué à ce TD la même classe (actionok) qu'au TR, mais j'ai l'impression que l'évènement reste géré au niveau du TR.
Comment faire pour gérer différement le onclick d'un TR et, par exception, celui d'un TD enfant de ce TR ?
Merci

[SpaceFrog]

l'action est appliquée a tous les .actionok

si tu veux le limiter à un td du tr, au premier par exemple ...

Code :

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

$(document).on('click', 'tr.actionok > td:eq(0)', function() {ajaxok(this);});

[mathieu]

vous pouvez modifier le sélecteur comme cela par exemple :

Code :

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

$(document).on('click', 'td.actionok', function () { });

une autre solution serait de récupérer l'objet de l'évènement comme cela

Code :

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

$(document).on('click', '.actionok', function (evenement) { console.log(evenement); });

cet objet contient des informations sur, par exemple, quel endroit a été cliqué

[Pgs]

Merci pour vos explications.

En fait,

Code :

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

$(document).on('click', '.actionok', function() {ajaxok(this);});

me sert pour tous les objets pour lesquels un click doit lancer une action.

Comme la fonction ajax transmet au serveur l'id de l'objet, le serveur sait quoi faire quel que soit l'objet à l'origine de l'évènement.

Mon problème est que je vous voudrais qu'un click sur un TR lance ajaxok en lui passant ce TR comme objet, sauf quand le click a lieu sur le dernier TD de ce TR où là, je veux qu'il lance ajaxok en lui passant ce TD comme objet.

Et si j'applique la classe "actionok" à un TR et à son dernier TD, c'est l'objet TR qui est transféré même si je clique sur son dernier TD. On dirait que l'évènement est géré en priorité au niveau du TR.

J'ai bien noté votre remarque selon laquelle je peux définir

Code :

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

$(document).on('click', 'tr.actionok > td:eq(0)', function() {ajaxok(this);});

Mais dans ce cas, l'action n'est plus définie au niveau du TR.

[SpaceFrog]

si tu veux définir à la fois une action sur le tr et une action différente sur le td tu as deux possibilités

soit déclarer deux actions (donc deux selecteurs)
soit détecter au sein d'une même attribution d'event quel est l'élément source du déclenchement de l'event

[Pgs]

Merci pour tes explications.
Mais je ne comprends pas ce qui se passe si je définis la même action au niveau d'un TR et au niveau d'un de ses TD et si je clique sur ce TD.
L'action va-t-elle se produire 2 fois ?

[SpaceFrog]

si tu cliques sur un td, le click remontera au tr sauf si tu stoppe le bubbling (la remontée de l'event au parent ) avec un stopPropagation sur le td, alors le click sur le td ne remontera pas au tr

[Pgs]

Merci