factoriser une attribution de click()

Bonjour

problème de débutant
le code dans les 2 fonctions est identique, mais je l’appelle depuis différente class.

est il possible de mettre plusieurs écouteur sur la même fonction ?
cela doit être tout con, mais j'ai pas trouvé :(

grand merci d'avance
Xavier
Code:

1 2 3 4 5 6 7 8 9 10 11 $('.foto').find("img").click(function() { code......etc...... }); }); $('.photo').find("img").click(function() { code......etc...... }); });

Code:

1
2
3
4
5
$('.foto, .photo').find("img").click(function()	
					{
					code......etc......
						});
					});

Citation:
Envoyé par SpaceFrog
Code:

1 2 3 4 5 $('.foto, .photo').find("img").click(function() { code......etc...... }); });
Ça ne va pas générer une erreur ?

Tu voulais peut-être écrire :
Code:

1 2 3 4 5 6 7 $('.foto, .photo').find("img").click(function(){ (function(){/*code 1*/})(); (function(){/*code 2*/})(); (function(){/*code 3*/})(); etc... });
Mais le plus simple et le plus clair est tout de même de déclarer ces fonctions en dehors, et de les appeler :
Code:

1 2 3 4 5 6 function funA(){/*code*/} function funB(){/*code*/} function funC(){/*code*/} $('.foto, .photo').find("img").click(funA, funB, funC);
Si tu as besoin d'arguments dans l'une des fonctions, il faut toutes les placer dans une fonction anonyme, et permettre à la fonction anonyme de passer le paramètre "event" envoyé par click :
Code:

1 2 3 4 5 6 7 8 function funA(event){alert(event.srcElement;} function funB(str){alert(str);} function funC(){/*code*/} $('.foto, .photo').find("img").click(function(e){ funA(e); funB("yoyo"); funC(); });
Note qu'avec la méthode précédent "click(funA,funB,funC)", le paramètre "event" est passé automatiquement si la fonction prend un paramètre.

Edit : oups, j'avais mal compris la question. Je croyais que tu voulais passer plusieurs fonctions à un évènement. Je laisse quand même, si tu es débutant ça t'aidera peut-être.

Merci de tester avant de mettre en doute ...

Code:

1
2
3
4
5
$('.class1, .class2').click( function(){ alert($(this).text()) }) 
	})
 
<div class="class1">coucou</div>
<div class="class2">hello</div>

super :ccool:

MERCI SpaceFrog :P

Citation:
Envoyé par SpaceFrog
Merci de tester avant de mettre en doute ...
Code:

1 2 3 4 5 $('.class1, .class2').click( function(){ alert($(this).text()) }) }) <div class="class1">coucou</div> <div class="class2">hello</div>
Il me génère une erreur, et c'est normal.

Par contre, si tu enlèves la ligne 2 et que tu rajoutes le point-virgule, ça marche nickel ;)

Il en va de même pour ton exemple initial :
Code:

1 2 3 4 5 $('.foto, .photo').find("img").click(function() { code......etc...... }); });
Sans la ligne 5, aucun soucis.

Ou bien c'est moi qui ne sait plus compter le nombre d'accolades ouvrantes et fermantes ? (ce qui serait inquiétant)

c'est un extrait du code global ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript">
	$(function(){
$('.class1, .class2').click( function(){ alert($(this).text()) }) 
	})
</script>
</head>
<body> 
<div class="class1">coucou</div>
<div class="class2">hello</div>
</body>
</html>