passage de paramètre à une fonction passée en paramètre

bonjour

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

Code:

---

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:

---

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

---

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

quelqu'un sait comment faire?

merci

Heu pas tout compris mais essaye ça :

Code:

---

1 2 3 4

function a(param1, fonction){   window[fonction](param1) }

---

Code:

---

1 2 3

function maFonction(quoi){ alert(quoi) }

---

Code:

---

a(myParam1, maFonction);

---

merci pour ta réponse

lorsque je teste ça :

Code:

---

1 2 3 4

function a(param1, fonction){   window[fonction](param1) }

---

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

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'?

un exemple un peu plus parlant alors ...

Code:

---

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 ...

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:

---

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:

---

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:

---

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:

---

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...

Code:

---

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

---

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

Code:

---

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); });

---

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

la methode de FremyCompany marche trés bien :king:

merci à tous les deux!