Discussion :

[bambou]

bonjour

j'utilise une fonction qui prend en parametre une autre fonction comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function a(param1, fonction){
   ...
   bounton.onclick = fonction();
}
 
function maFonction(){
 ...
}
 
a(myParam1, maFonction);

Jusque la pas de souci, ça marche..si maFonction n'est pas paramètrée...
ma question est la suivante :
Comment passer des paramètres à la fonction maFonction?

j'ai bien essayé naïvement un appel de a comme ceci :

Code :

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

a(myParam1, maFonction(param1, param2));

mais maFonction est exécuté lors de l'appel de a

quelqu'un sait comment faire?

merci

[SpaceFrog]

Heu pas tout compris mais essaye ça :

Code :

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

1
2
3
4
function a(param1, fonction){
 
  window[fonction](param1)
}

Code :

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

1
2
3
function maFonction(quoi){
alert(quoi)
}

Code :

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

a(myParam1, maFonction);

[bambou]

merci pour ta réponse

lorsque je teste ça :

Code :

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

1
2
3
4
function a(param1, fonction){
 
  window[fonction](param1)
}

j'ai l'erreur suivante :
window[okFunction] is not a function

[bambou]

je ne comprend pas bien t'a solution
window[fonction] -> si je comprend bien tu utilise l'objet window comme une table de hash
window[fonction](param1) -> c'est un appel de fonction ou on attribut le paramètre param1 à la fonction 'fonction'?

[SpaceFrog]

un exemple un peu plus parlant alors ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
 
function foo(ceci, cela){
	window[cela](ceci);
	}
 
function bar(texte){
	alert(texte);
	}
 
foo('coucou','bar')	
</script>

par contre il es évident que si tu mets en deuxième paramètre u nnom de focntion qui n'existe pas ça plante ...

[bambou]

ok, j'ai trouvé d'ou venais le problème, je passais directement la fonction (bar) et non le nom de la fonction ('bar') en paramètre à foo

en changeant ça, ton code marche mais ça revient au meme que de faire ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
 
function foo(ceci, cela){
	bar(ceci);
	}
 
function bar(texte){
	alert(texte);
	}
	
foo('coucou',bar)	
</script>

mon probleme est le suivant, dans la fonction foo, bar n'est pas appelée directement, elle doit-être appelée sur un onclick comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type='text/javascript'>
 
function foo(ceci, cela){
        var bouton = document.getElementById("myButton");
	bouton.onclick = bar(ceci);
	}
 
function bar(texte){
	alert(texte);
	}
	
foo('coucou',bar)	
</script>

si j'écris :

Code :

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

bouton.onclick = bar;

ça marche, la fonction bar est appelée lorsqu'il y a un click sur le bouton
en revanche si j'écris :

Code :

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

1
2
3
bouton.onclick = bar();
ou
bouton.onclick = bar(ceci);

la fonction bar est appellée au moment du passage dans la fonction foo, ce qui n'est pas bon..

j'en ai donc déduis que je devais utiliser la première écriture (sans les parenthèses)...mais du coup, pas de parenthèses = pas de paramètres

or m'a fonction bar ne fait pas juste un alert, elle fait un traitement et elle ecrit le résultat dans un champs input qui n'est pas toujours le meme selon quel element appel la fonction foo...

je pense qu'en tulisant une variable globale je dois pouvoir m'en sortir, mais ce ne serais pas trés joli...

[SpaceFrog]

Code :

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

bouton.onclick =function(ceci){bar(ceci);}

[FremyCompany]

Euh tout ca me semble fort bizarre, j'ai pas tout lu mais pourquoi pas un bête

Code :

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

1
2
3
4
5
6
7
8
9
10
function a(param1, fonction){
   ...
   bounton.onclick = fonction;
}
 
function maFonction(){
 ...
}
 
a(myParam1, function() { maFonction(param1, param2); });

[SpaceFrog]

oui ^^ en effet plus simplement FREMY sauf peut être si il y a des arguments à passer ?

[bambou]

la methode de FremyCompany marche trés bien

merci à tous les deux!