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.