eval d'une fonction

**hiul dragonfel** · 10/07/2008, 14h04

Bonjour!

je vien de me faire un parser pour récupérer le code js d'une page que j'ai appelé via ajax seulement lors de l'évaluation du code avec eval il semble que ma fonction ne soit pas évaluée alors que l'alert que j'ai mis pour le test réussi.

je comprend pas bien ce qui ce passe.

si vous voulez vous pouvez aller sur
[EDIT]http://mnj.serveftp.com/newleague/test/pageTest.php

merci d'avance pour votre aide.

ps: voici les bouts de codes qui sont concernés:

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
//pageTest.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../design.css"/>
<title>page de test</title>
</head>
<body>
<?php include_once('class/AJAX_Class.js')?>
<div id="centre" class="centre">
 
</div>
<script type="text/javascript">
   objAjax.execute({"id": "centre", "url": "test.html", "asynchronus": false});
</script>
</body>
</html>

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
//test.html
<script type="text/javascript">
function click(){
   alert("coucou");
}
</script>
 
<input type="button" value="bouton" onclick="click()" />
 
toto
 
<script type="text/javascript">
 
   alert("évalué");
 
</script>

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// Lorsque la requête réussit
Ajax.prototype.onComplete = function (response)
{
   // parser de javascript
   reponse = response;
   reponse = reponse.match(/(?:<script.*javascript.*>(?:[^<]+[\n\0\f\r]*)*<\/script>)*/gi);
   var script = "";
   for(i = 0; i < reponse.length; i++){
      if (reponse[i] != "") {
         script += reponse[i];
      }
   }
   script = script.replace(/(?:<script.*javascript.*>)|(?:<\/script>)|(?:[\n\f\0\r]*)/gi, "");
   alert(script);
   eval(script);
   // fin du parser de javascript
 
   // si il y a un objet à remplir (this.idFillObj != "")
   if (this.idFillObj != ""){
 
      // insertion de response après le innerHTML de l'objet à remplir
      if (this.append == "after") {
         document.getElementById(this.idFillObj).innerHTML = this.inner+"<br />"+response;
 
      // insertion de response avant le innerHTML de l'objet à remplir
      }else if (this.append == "before"){
         document.getElementById(this.idFillObj).innerHTML = response+"<br />"+this.inner;
 
      // response remplace le innerHTML de l'objet à remplir
      }else if (this.append == "no") {
         document.getElementById(this.idFillObj).innerHTML = response;
      }
   }
 
   // réinitialisation des variables pour éviter les conflits entre deux appels
   this.asyn = true;
   this.data = "";
   this.url = "";
   this.method = "POST";
   this.returnFormat = "txt";
   this.idFillObj = "";
   this.inner = "";
   this.append = "no";
}

**Matthieu2000** · 10/07/2008, 14h09

coupe le mot scri pt en plusieurs morceaux
+ lis la faq et la contribution pour les s cript dynamique

**hiul dragonfel** · 10/07/2008, 14h18

j'ai fait comme t'as dit mais ça change rien comme je pensait mon parseur fonctionne bien.

nouveau code du parseur

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
   // parser de javascript
   reponse = response;
   reponse = reponse.match(/(?:<(?:scr)ipt.*javascript.*>(?:[^<]+[\n\0\f\r]*)*<\/(?:scr)ipt>)*/gi);
   var script = "";
   for(i = 0; i < reponse.length; i++){
      if (reponse[i] != "") {
         script += reponse[i];
      }
   }
   script = script.replace(/(?:<script.*javascript.*>)|(?:<\/script>)|(?:[\n\f\0\r]*)/gi, "");
   alert(script);
   eval(script);
   // fin du parser de javascript

**hiul dragonfel** · 10/07/2008, 15h30

bon je vien de voir que mon parser ne sert pas à grand chose vu qu'il y avait beaucoup plus simple.

Code :

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

1
2
3
4
var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");
for (var i=0; i<mesScripts.length; i++) {
   eval(mesScripts[i].innerHTML);
}

mais bon ca ne change rien à mon problème qui et que la fonction click() n'est pas définie et que plus bizard quand je click sur le bouton de ma page firebug ne me sort pas d'erreurs ...

je pige pas ...

**E.Bzz** · 10/07/2008, 15h38

Bonjour,

Envoyé par hiul dragonfel

la fonction click() n'est pas définie

Ben si : celle du navigateur (onclick)

Il ne se passe rien parce qu'elle n'est pas implémentée, c'est tout.

Conclusion : ton script n'est toujours pas pris en compte

A+

**hiul dragonfel** · 10/07/2008, 15h46

d'accord mais comment je fait pour l'implémenter alors ?

si un eval marche pas c'est pas gagner.

tu dis qu'il y a une fonction click() déjà définie ?

je vais essayer de changer le nom de ma fonction alors ...

je re dés que j'ai testé.

**hiul dragonfel** · 10/07/2008, 15h49

bon on évolue maintenant le bouton me fait une erreur dans firebug qui dis que "test()" puisque j'ai changé de nom de fonction n'est pas définit.

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
 
<script type="text/javascript">
function test(){
   alert("coucou");
}
</script>
 
<input type="button" value="bouton" onclick="test()" />
 
toto
 
<script type="text/javascript">
 
   alert("évalué");
 
</script>

maintenant ça donne ça (pour éviter les remarques du genre "t'as pas oublié de change le nom de ta fonction lors de la définition ?")

**hiul dragonfel** · 10/07/2008, 16h06

je vien de penser à quelque chose ....

si une fonction est défini dans un bloque elle n'est plus accecible quand on en sort non ?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function (){
   function toto(){
      alert("toto");
   }
 
   toto() // OK
}
 
toto() // c'est qui ?

c'est pas ce qui ce passe avec éval ?

**SpaceFrog** · 10/07/2008, 16h17

Oui enfin là tu as plus qu'un simple problème de portée tu as aussi un problème d'instanciation

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
<script type='text/javascript'>
 
function zoom(){
window['toto']=function (){
      					alert("toto");
       				}
 
   toto() // OK
}
 
 
 </script>
</head>
 
<body onload="zoom();toto() ">

**hiul dragonfel** · 10/07/2008, 17h14

merci

maintenant il faut tout remplacer et je veux le faire avec les regexp

sur le site W3school il y a un truc sur "grouping" mais il n'y a pas d'exemple si tu sait où je peux en trouver tu peux me le dire plz

pendant ce temps je vais chercher sur la FAQ et le forum merci de votre aide tout le monde.

PS: je met pas tout de suite en résolu parceque tantque ca marche pas ça l'est pas

**SpaceFrog** · 10/07/2008, 17h15

regExp de quoi ?

**hiul dragonfel** · 10/07/2008, 17h29

je voudrais savoir comment on utilise les parenthèses dans les regexp

parcequ'il disent que ça permet de sauvegarder l'occurence trouver.

donc si je récupère mon nom de fonction comme ça :

Code :

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

1
2
3
 
var fonction = "function toto(){ alert(\"toto\");}"
fonction.replace(/function\s*(.*)\(/gi, /*je met koi ici*/ ?);

enfin sur je fait comment pour récupérer le nom de ma fonction ?

**hiul dragonfel** · 10/07/2008, 17h47

bon je vien de comprendre comment les () marchent (je crois)

c'est juste pour récupérer un morceau d'expression qui ce trouve avant c'est ça ?

si c'est ça je peux pas faire ce que je veux ...

**SpaceFrog** · 10/07/2008, 17h53

tu as de la chance ...
moi je n'ai même pas compris ce que tu essayes de faire ^^

**hiul dragonfel** · 10/07/2008, 18h00

je veux transformer

Code :

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

1
2
3
4
 
function toto (arg1, arg2, ..., argN){
//code
}

en

Code :

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

1
2
3
4
 
window['toto'] = funtion (arg1, arg2, ..., argN){
//code
}

c'est tout ^^

**E.Bzz** · 10/07/2008, 18h01

Envoyé par SpaceFrog

moi je n'ai même pas compris ce que tu essayes de faire ^^

Moi non plus

Ca serait pas quelque chose comme

Code :

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

1
2
3
4
5
function ta_fonction() {
alert("toto");
}
...
document.getElementById('un_element').onclick = ta_fonction;

Bref une fonction prédéfinies que tu affectes "à la volée" à certains évènements de certains objets (d'où tentative de la renommer en click() ....)

Bon, j'en sais rien : je tente

A+

**hiul dragonfel** · 10/07/2008, 18h09

c'est juste un test pour l'instant.

je veux transformer

Code :

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

1
2
3
function toto (arg1, arg2, ..., argN){
//code
}

en

Code :

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

1
2
3
window['toto'] = funtion (arg1, arg2, ..., argN){
//code
}

pour pouvoir instancier la fonction que j'importe correctemant.

c'est tout ^^

PS: le code que j'ai pour l'instant sans le tratement des fonctions JS

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
//pageTest.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../design.css"/>
<title>page de test</title>
</head>
<body>
<?php include_once('class/AJAX_Class.js')?>
<div id="centre" class="centre">
 
</div>
<script type="text/javascript">
   objAjax.execute({"id": "centre", "url": "test.html", "asynchronus": false});
</script>
</body>
</html>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//test.html
<script type="text/javascript">
function test(){
   alert("coucou");
}
</script>
 
<input type="button" value="bouton" onclick="test()" />
 
<script type="text/javascript">
 
   alert("évalué");
 
</script>

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
// Lorsque la requête réussit
Ajax.prototype.onComplete = function (response)
{
 
   // si il y a un objet à remplir (this.idFillObj != "")
   if (this.idFillObj != ""){
 
      // insertion de response après le innerHTML de l'objet à remplir
      if (this.append == "after") {
         document.getElementById(this.idFillObj).innerHTML = this.inner+"<br />"+response;
 
      // insertion de response avant le innerHTML de l'objet à remplir
      }else if (this.append == "before"){
         document.getElementById(this.idFillObj).innerHTML = response+"<br />"+this.inner;
 
      // response remplace le innerHTML de l'objet à remplir
      }else if (this.append == "no") {
         document.getElementById(this.idFillObj).innerHTML = response;
      }
 
      var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");
      for (var i=0; i<mesScripts.length; i++) {
         eval(mesScripts[i].innerHTML);
      }
   }
 
   // réinitialisation des variables pour éviter les conflits entre deux appels
   this.asyn = true;
   this.data = "";
   this.url = "";
   this.method = "POST";
   this.returnFormat = "txt";
   this.idFillObj = "";
   this.inner = "";
   this.append = "no";
}

**SpaceFrog** · 10/07/2008, 21h40

Heu c'est là que tu espères lancer la fonction ??

Code :

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

1
2
3
<input type="button" value="bouton" onclick="click()" />
 
toto

sans parenthèses et hors de balises script ????

si tu declares

Code :

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

1
2
3
4
 
window['toto'] = funtion (arg1, arg2, ..., argN){
//code
}

il faut l'appeler avec :

Code :

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

toto(arg1, arg2, ..., argN)

à l'intérieur d'un script ....ou dans un evènement

**hiul dragonfel** · 10/07/2008, 21h49

euh non ça c'est un copier coller malencontreu de mon premier post ^^
je corrige

Envoyé par hiul dragonfel

c'est juste un test pour l'instant.

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
//pageTest.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../design.css"/>
<title>page de test</title>
</head>
<body>
<?php include_once('class/AJAX_Class.js')?>
<div id="centre" class="centre">
 
</div>
<script type="text/javascript">
   objAjax.execute({"id": "centre", "url": "test.html", "asynchronus": false});
</script>
</body>
</html>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//test.html
<script type="text/javascript">
function test(){
   alert("coucou");
}
</script>
 
<input type="button" value="bouton" onclick="test()" />
 
<script type="text/javascript">
 
   alert("évalué");
 
</script>

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
// Lorsque la requête réussit
Ajax.prototype.onComplete = function (response)
{
 
   // si il y a un objet à remplir (this.idFillObj != "")
   if (this.idFillObj != ""){
 
      // insertion de response après le innerHTML de l'objet à remplir
      if (this.append == "after") {
         document.getElementById(this.idFillObj).innerHTML = this.inner+"<br />"+response;
 
      // insertion de response avant le innerHTML de l'objet à remplir
      }else if (this.append == "before"){
         document.getElementById(this.idFillObj).innerHTML = response+"<br />"+this.inner;
 
      // response remplace le innerHTML de l'objet à remplir
      }else if (this.append == "no") {
         document.getElementById(this.idFillObj).innerHTML = response;
      }
 
      var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");
      for (var i=0; i<mesScripts.length; i++) {
         eval(mesScripts[i].innerHTML);
      }
   }
 
   // réinitialisation des variables pour éviter les conflits entre deux appels
   this.asyn = true;
   this.data = "";
   this.url = "";
   this.method = "POST";
   this.returnFormat = "txt";
   this.idFillObj = "";
   this.inner = "";
   this.append = "no";
}

**SpaceFrog** · 10/07/2008, 22h12

arf et dire que polothenki a eu le même problème récemment ...

Je crois malheureusement qu'il est parti en congés

eval d'une fonction

JavaScript

Discussions similaires

Partager

Partager