IE eval et déclartion de variable à l'aide de "var "

Version imprimable

02/02/2007, 15h18
xorax

IE eval et déclartion de variable à l'aide de "var "
bonjour,

J'ai découvert un bug sur IE que je n'arrive pas à transformer pour qu'il accete la syntax correct :
Code:

1 2 3 4 5 6 7 8 9 10 function evaltest(){ window.eval("var test = function(n){"+ "alert('test '+n);"+ "}"); test(1); runtest(); } function runtest(){ test(2); }
si on lance evaltest(), "test 1" s'affiche, mais après il y a une erreur, il ne connait pas la fonction test.

le code marche très bien si on enlève le "var " devant "test" seulement ce n'est pas conforme au w3c et la majorité des framework javascript mette un "var " devant leur variable.

cela marche aussi si on remplace
Code:

1 2 3 var test = function(n){... //par function test(n){...
j'ai bien éssayé plusieurs méthode :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var global = this; function evaltest(){ global.eval("var test = function(n){"+ "alert('test '+n);"+ "}"); test(1); runtest(); } function runtest(){ test(2); }
j'aboutie toujours au même résultat. Il ne veut pas sortir la fonction test du corp d'éxécution dans lequel la fonction eval est appelé.

je n'es pas réussit par contre à faire un docnode.appendChild(node) où node contient un élément de type '<script type="text/javascript">...</script>' avec à l'intérieur le contenu de mon code javascript à évaluer. docnode étant n'importe quel élément de la page.

quelqu'un aurait une idée ????

PS: qu'elle que soit la méthode employé, j'ai toujours réussi à faire se que je voulais avec firefox ainsi qu'opera.

Code:

1
2
3
4
5
function evaltest(){  window['test'] = function(n){alert('test '+n)};
}
evaltest()
 
test(1);

ou plus tordu : utiliser l'objet Function() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<head><title></title>
 
<script type="text/javascript">
function test(str)
{
  var corpsFct = "var test='hello'; alert(test+' "+str+"')";
  var fct = new Function("",corpsFct);
 
  fct();
}
</script>
</head>
<body onload="test('aaa')">
</body>
</html>

02/02/2007, 16h01
SpaceFrog

heu le but c'est pas de faire une fonction à partir d'un string ?

var fct => window['fct']
02/02/2007, 16h11
Auteur

Citation:

Envoyé par SpaceFrog

heu le but c'est pas de faire une fonction à partir d'un string ?

var fct => window['fct']

hum, je ne sais pas :? .

J'ai cru comprendre qu'il s'agissait de créer de manière dynamique une fonction et son contenu.

Citation:
Envoyé par Auteur
ou plus tordu : utiliser l'objet Function() :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head><title></title> <script type="text/javascript"> function test(str) { var corpsFct = "var test='hello'; alert(test+' "+str+"')"; var fct = new Function("",corpsFct); fct(); } </script> </head> <body onload="test('aaa')"> </body> </html>
méthode intérressante seulement j'aimerais que le contenu (ici corpsFct) soit disponible directement dans l'object window afin de pouvoir l'appelé globalement :
Code:

1 2 3 4 5 6 7 function test(str) { var corpsFct = "var test=function(str){alert(test+' "+str+"');}"; var fct = new Function("",corpsFct); fct(); }
comment à partir de ça, serait-il possible d'appeler la fonction test dans un onclick dans la page par exemple ?

euh, je dois avouer ne pas comprendre ce que tu souhaites faire :oops: :oops: :oops:

sinon ce que te propose Spacefrog ne convient pas ?

Dans cet exemple, le corps de la fonction est défini globalement.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var corpsFct="";
var fct;
 
function couleur(valeur)
{
 corpsFct =  "objet1.style."+valeur+";";  /* ne pas oublier le ; */
 corpsFct +=  "objet2.style."+valeur+";";
 
 /* Declaration de la fonction */
 fct = new Function("objet1, objet2", corpsFct);
}
 
function appliquer()
{
 var elmt1 = document.getElementById("id1");
 var elmt2 = document.getElementById("id2");
 
 /* Appel de la fonction et passage des parametres */
 fct(elmt1, elmt2);
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="radio" name="radio1" checked="checked" value="color='#000000'" onclick="couleur(this.value)" />Noir
<input type="radio" name="radio1" value="color='#FF0000'" onclick="couleur(this.value)" />Rouge
<input type="radio" name="radio1" value="color='#0000FF'" onclick="couleur(this.value)" />Bleu
<br /><br />
<input type="button" value="Appliquer la couleur choisie" onclick="appliquer()" />
<br /><br />
 
<div id="id1">Ceci est un test</div><br /><br />
<div id="id2" style="font-style: italic">Ceci est un autre test</div>
 
</body>
 
</html>

:question:

en fait je veux permettre a une chaine de caractère qui est définie dans un object/function et qui, si elle été évalué définirait des variables fonctions ou objects. Et je veux réussir à caller ses variables dans un contexte globale de manière à se qu'elles soient accessible dans toutes partie de la page.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <input type="button" value="define mafunc" onclick="evaltest();"/> <input type="button" value="call mafunc()" onclick="mafunc();"/> </body> </html>
ici c'est un exemple, j'ai défini volontairement la variable "moncode" afin de montré qu'elle est dans une fonction que j'apel par la suite.
Dans mon code une variable de se type pourrait se trouver dans un object XMLHttpRequest par exemple.

Or se script ne marche pas sous IE, il ne trouve pas la fonction mafunc() après avoir lancé evaltest(), ceci du au "var " qu'il ne gère pas bien.

Si le mot "var " est inclue devant les fonction, IE les définit dans le contexte d'éxécution du eval() (meme si ici, celui ci est théoriquement éxécuté dans l'object window ici). Ainsi on peut remarqué :
Code:

1 2 3 4 5 var evaltest = function () { var moncode = "var mafunc = function(s){ alert(s); };"; window.eval(moncode); mafunc('mafunc calling"); }
cela marche correctement sur tout les navigateurs. mais sur IE la function mafunc() ne peut toujours pas etre aplé de l'extérieur de la fonction evaltest() (à cause du "var " dans la chaine moncode).

oui je sais c'est assez compliqué à comprendre ou plutot très dure à expliqué...

je connait la methode de Spacefrog seulement je n'est pas les moyen de savoir quelles variables ("var mavaraible = ....") sont définies dans ma chaine à évalué. Sinon je pourrait les redéfinir dans un contexte globale une par une (window['mavariable'] = .... )

n'ésitez pas à me dire s'il y a un truc pas clair, je ne sais plus quoi éssayer...

Pour résumé il me faudrait juste une méthode qui permettrait de définir des variables dans un object en gardant la syntaxe "var " :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function evaltest(){  var o = {};
  with(o){
    var mafunc1 = function () { alert('mafunc1');};
  }
  alert(mafunc1); //affiche function sur IE & FF
  alert(o.mafunc1); //affiche undefined sur IE & FF
 
  o.eval("var mafunc2 = function () { alert('mafunc2');};"); //non compris par IE => erreur
  alert(o.mafunc2); //affiche function sur FF
  //alert(mafunc2); //undefined sur IE et FF
 
  with(window){
    var mafunc3 = function () { alert('mafunc3');};
  }
  alert(mafunc3); //affiche function sur IE & FF
  alert(window.mafunc3); //affiche undefined sur IE & FF
 
  window.eval("var mafunc4 = function () { alert('mafunc4');};");
  alert(mafunc4); //affiche function sur IE & FF
  alert(window.mafunc4); //affiche undefined sur IE; function sur FF
}

si je trouve une méthode pour faire ça (sur IE bien sur), je pense pouvoir me débrouiller après.

pour info, en enlevant le mot clé "var " :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function evaltest(){
  var o = {};
  with(o){
    mafunc1 = function () { alert('mafunc1');};
  }
  alert(mafunc1); //affiche function sur IE & FF
  alert(o.mafunc1); //affiche undefined sur IE & FF
 
  o.eval("mafunc2 = function () { alert('mafunc2');};"); //non compris par IE => erreur
  alert(o.mafunc2); //affiche undefined sur FF
  alert(mafunc2); //affiche function sur FF
 
  with(window){
    mafunc3 = function () { alert('mafunc3');};
  }
  alert(mafunc3); //affiche function sur IE & FF
  alert(window.mafunc3); //affiche function sur IE & FF
 
  window.eval("mafunc4 = function () { alert('mafunc4');};");
  alert(mafunc4); //affiche function sur IE & FF
  alert(window.mafunc4); //affiche function sur IE & FF
}

A noté qu'il me semble que lorsque l'on fait :
with(o){ var test = 'test'}
o.test ne devrait-il pas etre définit si on suit les spécification de javascript ???

Citation:
Envoyé par xorax
en fait je veux permettre a une chaine de caractère qui est définie dans un object/function et qui, si elle été évalué définirait des variables fonctions ou objects. Et je veux réussir à caller ses variables dans un contexte globale de manière à se qu'elles soient accessible dans toutes partie de la page.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <input type="button" value="define mafunc" onclick="evaltest();"/> <input type="button" value="call mafunc()" onclick="mafunc();"/> </body> </html>
ici c'est un exemple, j'ai défini volontairement la variable "moncode" afin de montré qu'elle est dans une fonction que j'apel par la suite.
Dans mon code une variable de se type pourrait se trouver dans un object XMLHttpRequest par exemple.

Or se script ne marche pas sous IE, il ne trouve pas la fonction mafunc() après avoir lancé evaltest(), ceci du au "var " qu'il ne gère pas bien.

(...)
Code:

1 2 3 4 5 var evaltest = function () { var moncode = "var mafunc = function(s){ alert(s); };"; window.eval(moncode); mafunc('mafunc calling"); }
cela marche correctement sur tout les navigateurs. mais sur IE la function mafunc() ne peut toujours pas etre aplé de l'extérieur de la fonction evaltest() (à cause du "var " dans la chaine moncode).

(..)
En définissant un objet global :question:
Le code est valide XHTML 1, les fonctions définies dans initFct() sont visibles dans tout le document.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="fr" /> <script type="text/javascript">  </script> </head> <body> <div> <input type="button" value="define mafunc" onclick="initFct()"/> <br /><br /> <input type="button" value="call mafunc 1()" onclick="codes.mafunc1(codes.variable);"/> <input type="button" value="call mafunc 2()" onclick="codes.mafunc2('Hello');"/> </div> </body> </html>

04/06/2007, 04h26
xorax

trouvé pour ceux que ça interresse :)
http://www.xorax.info/blog/programma...bal-scope.html