addEventListener et le passage de variable

Bonjour tout le monde !

Je vous explique mon problème, je rajoute des événements JavaScript sur certains éléments html grâce a addEventListener, pour le moment aucun probleme :D mais ca ne va pas durer :aie:
En effet, j'aimerai passer des arguments a une fonction mais pas seulement, je penses qu'un exemple vaut mieux que des paroles:

Code:

---

1 2 3 4 5 6

function addevent(objet) { for(var i = 0; i <= 2; i++){ $(objet.id[i]).addEventListener('click', function (event) { objet.nom_de_la_fonction_a_executer[i](objet.arguments_fonction[i]); }, false); } }

---

Voila a peu prêt a quoi ressemble mon code.
Problème, c'est que firebug me dis: objet.nom_de_la_fonction_a_executer n'est pas une fonction...
Connaissez-vous la façon de remédier a cette erreur ?
Merci d'avance :)

Code:

---

$(objet.id[i]).addEventListener('click', function (event) { window[objet.nom_de_la_fonction_a_executer[i]](objet.arguments_fonction[i]); }, false);

---

Bonjour !

Merci pour votre réponse cela semble fonctionner ! :D

Mais voila qu'un autre bug arrive... :cry:

Code:

---

1 2	$(objet.id[i]).addEventListener('click', function (event) { window[objet.nom_de_la_fonction_a_executer[i]](objet.arguments_fonction[i]); }, false);

---

Dans ce code il se trouve que pour tester, j'ai défini le nom_de_la_fonction_a_executer comme étant une alert, pour l'instant tout marche sauf qu'il m'indique que les arguments sont "[objet Object]", en effet, les arguments a récupérer sont dans un objet mais j'ai vérifier le chemin d'accès et il est correct savez-vous d'où peu provenir l'erreur ? Merci d'avance :)

Code:

---

$(objet.id[i]).addEventListener('click',window[objet.nom_de_la_fonction_a_executer[i]](objet.arguments_fonction[i], false);

---

Merci pour ton aide mais maintenant firebug me dis que "window[objet.nom_de_la_fonction_a_executer[i]]" is not a function...

Apparemment on dois absolument passer par une fonction intermédiaire afin d'exécuter la fonction mais après il ne connais plus les arguments a passer...

Y aurait-il donc un moyen de "capturé" les arguments ?

tu veux dire que objet.arguments_fonction[i] et une collection ou un array ??

soit tu modifies la fonction pour recupérer les arguments dans ton objet ou array dans la fonction, soit tu fais un éval bien crade...

objet.arguments_fonction[i] est un objet

Ouais j'aimerais bien éviter les eval tout crade :s

ce que ça fais c'est ça:

Code:

---

1 2	fonction_contenu_dans_un_objet_a_executer(arguments_contenu_dans_un_objet_donné_comme_arguments);

---

Vous voyez ?

récupère

Code:

---

arguments[0]

---

dans la fonction

Il me retourne [object Mousevent] et je n'arrive pas a accéder aux informations que je transmet malgré tout les tests que j'ai effectué je n'y arrive pas. :cry:

Voila une des choses que j'ai essayé :

Code:

---

1 2	$(id).addEventListener(evenement, function (event) { window[fonction(arguments[0])]; }, false);

---

nooooooooooooooon

le arguments[0] c'est dans la fonction objet.nom_de_la_fonction_a_executer[i] que tu dois le recupérer ...

Donc si j'ai bien compris ca donne un truc comme ca:

Code:

---

1 2	$(id).addEventListener(evenement, function (event) { window[objet.fonction[i](objet.arguments[i])]; }, false);

---

et dans ma fonction je récupère arguments comme cela: (en supposant que la fonction soit a())

Code:

---

1 2 3 4

function a(objet){ var a = objet[0]; }

---

C'est ca ? (désolé je décroche un peu la après avoir vu soit que des [object Object] soit que des undefined presque toute la journée X_X)

attention aux crochets :

Code:

---

$(id).addEventListener(evenement, function (event) { window[objet.fonction[i]](objet.arguments[i]); }, false);

---

et si objet.argumants[i] contient a , alors dans la focntion a

Code:

---

1 2 3

function a(){ alert(arguments[0][0]) }

---

Ah d'accord mais a ce moment la on retrouvel'erreur précédente, quand on a:

Code:

---

1 2	$(id).addEventListener(evenement, function (event) { window[objet.fonction[i]](objet.arguments[i]); }, false);

---

firebug dis que "window[objet.fonction[i]] is not a function" alors que cette fonctio existe belle et bien

tu as quoi dans window[objet.fonction[i] un string ou une fonction ?

J'ai le nom d'une fonction qui est contenu dans un objet:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

objet = { "fonction" : { 0 : alert, // le nom de la fonction a exécuter 1 : (...) }, "arguments" : { 0 : { "a" : "aaa", "b" : "bbb" }, // l'objet a lui donner comme arguments 1 : (...) } }

---

J'ai donc directement le nom de la fonction a exécuter

tu as une fonction et pas un string ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

objet = { "fonction" : { 0 : alert, // le nom de la fonction a exécuter 1 : bar }, "argts" : { 0 : { "a" : "aaa", "b" : "bbb" }, // l'objet a lui donner comme arguments 1 : {gb:"bonjour",fr:"salut"} } }     function bar(lang){ alert(lang.fr) }   objet.fonction[0](objet.argts[0]['a'])   objet.fonction[1](objet.argts[1])

---

Cette fois firebug me renvoi une erreur comme quoi alert() n'a pas d'arguments et donc renvoi une erreur:

Code:

---

uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object" nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS frame :: http://localhost/blabla.js :: <TOP_LEVEL> :: line 82" data: no]

---

?? avec quel code ?

Avec ton code

????
je l'ai testé et il fonctionne parfaitement
tu as fait un copier coller ??

Oui oui je l'ai tester juste seul sur une page et il j'ai une erreur uncaught exeption...

Je suis sous Mozilla firefox. Ça c'est bizarre O_o

J'ai effectué une série de test:

Test 1:

Code:

---

1 2 3 4

var a = alert; var b = "aaa"; a(b);

---

Résultat: marche :)

Test 2:

Code:

---

1 2 3

var a = { a : alert }; var b = "aaa"; a.a(b);

---

Résultat: Erreur habituel (uncaught exception...) :roll:

Test 3:

Code:

---

1 2 3

var a = { "a" : alert }; var b = "aaa"; a.a(b);

---

Résultat: Pareil que le test 2:cry:

Test 4:

Code:

---

1 2 3

var a = { "a" : alert }; var b = "aaa"; a["a"](b);

---

Résultat: => Résultat test 2 8O

Test 5:

Code:

---

1 2 3

var a = { "a" : alert }; var b = "aaa"; a[a](b);

---

Résultat: a[a] is not a function :aie:

Conclusion: L'utilisation d'un objet est impossible pour le résultat désiré (?) :calim2:


hmmm une idée ?

J'ai ré effectuer d'autre test: (seul le test 1 est vraiment révélateur)

Test 1:

Code:

---

1 2 3 4

var a = { a : alert }; var c = a.a; var b = "aaa"; c(b);

---

Résultat: Marche :D

Test 2:

Code:

---

1 2 3 4

var a = { a : alert }; var c = a.a; var b = "aaa"; window.c(b);

---

Résultat: Marche aussi

Test 3:

Code:

---

1 2 3 4

var a = { a : alert }; var c = a.a; var b = "aaa"; window[c(b)];

---

Résultat: Marche aussi

Test 4:

Code:

---

1 2 3 4

var a = { a : alert }; var c = a.a; var b = "aaa"; window[c](b);

---

Résultat: Ne marche pas

Voila on voit déjà plus ce qui marche ou non :)

oui c'est curieux, ffx n'aime pas la fonction encapsulée dans le json ...


test1:

Code:

---

1 2 3

var a = { b : 'alert' }; var b = "hello"; window[a.b](b);

---

test2

Code:

---

1 2 3 4

var a = { b : function(){alert(arguments[0])} }; var b = "hello"; a.b(b);

---

Tes deux test sont justes :)

Voila mon code une fois mise a jour:

Code:

---

1 2 3 4 5 6

var fonction = 'alert'; var arguments = "hello";   $("body").addEventListener("click", function (event) { window[fonction](arguments); }, false);

---

alert() m'affiche "[object Object]" alors que "arguments" n'est meme pas un objet :aie:

Il y a donc une mauvaise interprétation de "arguments" dans addEventListener ? O_o

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type='text/javascript'> var fonction = 'alert'; var argts = "hello"; $(function(){ $('#foo').click(function(){ window[fonction](argts); });   })   </script> </head> <body > <input type='button' id="foo" value='dis bonjour' /> </body>   </html>

---

ou avec le json

Code:

---

1 2 3 4 5 6 7 8 9

<script type='text/javascript'> var objet={a: 'alert'}; var argts = "hello"; $(function(){ $('#foo').click(function(){ window[objet.a](argts); });   })   </script>

---

arguments étant un objet natif javascript correspondant à un array des paramètres passé à la fonction, il est malvenu de le choisir comme nom de variable

Okay !! Et bien c'est parfait :D

Merci beaucoup pour ton aide !

Je te tiens au courant pour si je rencontre d'autre difficultés sur ce problème :)

A bientôt :)