Discussion :

[vodnok]

Bonjour à tous,

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

Code html :

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

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 :

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

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 html :

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

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 :

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

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 :

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

1
2
3
4
5
6
7
 
var code='alert(1);'
 
$('a').onclick=function(){ 
"+code+"
alert(2);
};

Merci,


Vodnok,

[Bovino]

Code :

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

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

[vodnok]

Non ca ne marche pas.


Il ne remplace pas oldClic par son contenu.


Au lieu d'avoir

Code :

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

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

J'ai

Code :

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

1
2
3
4
fonction(){
oldClic;
alert(2);
}

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

[vodnok]

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.

[Bovino]

Hum...

Code :

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

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

[vodnok]

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.

[vodnok]

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