Ajouter du code à un OnClick existant

Bonjour à tous,

Je désire ajouter du code à un OnClick existant.

Code:

---

1 2 3 4 5 6 7

<div id='a' onClick="alert(1);"></div>   $('a').onclick=function(){ alert(2);};   //un peu plus loin   $('a').onclick=function(){ alert(3);};

---

Et évidemment au final je veux que lorsque je clic sur l'élément cela fasse les 3 alerts à la suite.

Résultat souhaité :

Code:

---

1 2 3 4 5

$('a').onclick=function(){ alert(1); alert(2); alert(3); };

---

J'ai déja fait un fonction qui reçoit $('a').onclick et qui nettoie pour ne laisser que le code à l'intérieur. Cette fonction s'appel dynCleanFct(str);


Donc pour le moment j'en suis là

Code:

---

1 2 3 4 5 6 7 8

<div id='a' onClick="alert(1);"></div>   var code=dynCleanFct($('a').onclick);   $('a').onclick=function(){ //il faut ajouter le contenu de code alert(2); };

---

Le problème est que je ne sais pas comment ajouter le contenu de code dans

Code:

---

1 2 3 4

$('a').onclick=function(){ "+code+" alert(2); };

---

ne fonctionne pas vu que ce n'est pas un string à la base.

Une idée ?


De manière plus générale, comment intégrer du code javascript contenu dans une variable à une déclaration de fonction dynamique

Code:

---

1 2 3 4 5 6 7

var code='alert(1);'   $('a').onclick=function(){ "+code+" alert(2); };

---

Merci,


Vodnok,

Code:

---

1 2 3 4 5

var oldClic = $('a').onclick; $('a').onclick = function(){ //Code de la nouvelle fonction oldClic; }

---

Non ca ne marche pas.


Il ne remplace pas oldClic par son contenu.


Au lieu d'avoir

Code:

---

1 2 3 4

fonction(){ alert(1); alert(2); }

---

J'ai

Code:

---

1 2 3 4

fonction(){ oldClic; alert(2); }

---

Et donc au final, il ne fait que alert(2)

Je viens de lire cet article http://www.howtocreate.co.uk/tutoria...ript/domevents


Il y a la possibilité de passer par addEventListener mais j'aurais préféré la solution en dure dans le onclick.

Hum...

Code:

---

1 2 3 4 5

var oldClic = $('a').onclick; $('a').onclick = function(){ //Code de la nouvelle fonction oldClic(); }

---

Ca fonctionne avec le ();

Mais... si je le fais deux fois d'affilée avec alert(2) puis alert(3), il me met too much recursion...


Je vais encore cruser, merci pour ton aide.

J'ai géré le problème avec les eventlistener. Ca m'ennuie un peu car je dois souvent retirer pour remmettre un event sur un élément pour éviter de faire deux fois le traitement. C'est pourquoi je voulais passer par le onclick qu'il suffit de mettre à blanc pour retirer tous les évenements lié au click.


Enfin soit, j'y suis parvenus.


Merci pour l'aide