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

**xorax** · 02/02/2007, 15h18

bonjour,

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

Code :

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

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 :

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

1
2
3
var test = function(n){...
//par
function test(n){...

j'ai bien éssayé plusieurs méthode :

Code :

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

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.

**SpaceFrog** · 02/02/2007, 15h28

Code :

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

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

**Auteur** · 02/02/2007, 15h34

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

Code :

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

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>

**SpaceFrog** · 02/02/2007, 16h01

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

var fct => window['fct']

**Auteur** · 02/02/2007, 16h11

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.

**xorax** · 06/02/2007, 17h52

Envoyé par Auteur

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

Code :

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

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 :

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

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 ?

**Auteur** · 06/02/2007, 19h02

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

sinon ce que te propose Spacefrog ne convient pas ?

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

Code html :

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

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>

**xorax** · 06/02/2007, 20h01

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 :

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

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">
<!--
var evaltest = function () {
  var moncode = "var mafunc = function(s){ alert(s); };";
  window.eval(moncode);
}
//-->
</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 :

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

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager