Boutons sur zone clickable...

Question

Salut,
Voilà mon problème :

J'ai une ligne <TR> d'un tableau avec un evenement "onclick" et une fonction JS associée ainsi qu'un changement CSS sur un autre evenement "onmousedown"...

Sur cette même ligne j'ai des cellules et dans une un bouton avec une autre fonction JS associée...
mon problème est que, lorsque je click sur le bouton les evenements de la ligne s'exécutent

Quelqu'un aurait il une solution ?

cs_bultez · Answer

bonjour,

   un ch'tit exemple ?

 <tr onclick=\"document.body.innerHTML+='
tr'\">exemple,
  window.event.cancelBubble=true;
                document.body.innerHTML+='td';">click,
 








window.event.cancelBubble=true;

         arrête la propagation de l'évenement








cordialement   Bul   


Site

gadafla · Answer

Bonjour !

J'ai le même souci, à la difference que je ne sais pas à l'avance ce qu'il y a dans mes cellules. Un cas possible : si une cellule contient une checkbox, un clic sur cette checkbox ne doit pas appeler la méthode OnClick du TR.

Est-il possible, au moment de l'exécution du code du OnClick du TR, de savoir si l'événement OnClick est déjà passé par un autre objet (input, checkbox, img...) d'une cellule de ce TR ?


[ I code therefore I am ]

gadafla · Answer

Voila, j'ai retrousse mes petites manches, et j'ai trouve ma solution :


var targetTagName = navigator.appName=='Microsoft Internet Explorer' ? event.srcElement.tagName : event.target.tagName;

// si l'element d'ou vient l'evenement n'est pas la cellule (TD), ne rien faire 
if(targetTagName=='TD') {
[...]
}



[ I code therefore I am ]

Boutons sur zone clickable...

3 réponses

Votre réponse

Discussions similaires