eval d'une fonction

Version imprimable

eval d'une fonction

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

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:

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:

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:

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

10/07/2008, 14h09
Matthieu2000

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

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

nouveau code du parseur

Code:

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

10/07/2008, 15h30
hiul dragonfel
bon je vien de voir que mon parser ne sert pas à grand chose vu qu'il y avait beaucoup plus simple.
Code:

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

je pige pas ...
10/07/2008, 15h38
E.Bzz

Bonjour,

Citation:

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 :aie:

A+
10/07/2008, 15h46
hiul dragonfel

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

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:

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 ?")

10/07/2008, 16h06
hiul dragonfel
je vien de penser à quelque chose ....:lol:

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

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 ?

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

Code:

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() ">

10/07/2008, 17h14
hiul dragonfel

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 :P
10/07/2008, 17h15
SpaceFrog

regExp de quoi ?
10/07/2008, 17h29
hiul dragonfel
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:

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 ?
10/07/2008, 17h47
hiul dragonfel

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 ...
10/07/2008, 17h53
SpaceFrog

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

je veux transformer

Code:

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

Code:

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

c'est tout ^^

10/07/2008, 18h01
E.Bzz
Citation:

Envoyé par SpaceFrog

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

Moi non plus :aie:

Ca serait pas quelque chose comme
Code:

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 :mrgreen:

A+

c'est juste un test pour l'instant.

je veux transformer

Code:

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

Code:

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:

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:

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:

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

10/07/2008, 21h40
SpaceFrog
Heu c'est là que tu espères lancer la fonction ??
Code:

1 2 3 <input type="button" value="bouton" onclick="click()" /> toto
sans parenthèses et hors de balises script ???? 8O8O8O8O

si tu declares
Code:

1 2 3 4 window['toto'] = funtion (arg1, arg2, ..., argN){ //code }
il faut l'appeler avec :

Code:

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

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

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

Citation:

Envoyé par hiul dragonfel

c'est juste un test pour l'instant.

Code:

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:

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:

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

10/07/2008, 22h12
SpaceFrog

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

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

je revien vous voir :mouarf:

le problème ce déplace c'est la dernière ligne droite et je suis entrain de le mettre en joux pour le coup fatal :zekill:

voilà le code que j'ai pondu :lol:

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
49
50
51
52
53
54
55
56
// récupération des scripts
var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");
 
// pour chaque script
for (var i=0; i<mesScripts.length; i++) {
 
   // on initialise la variable qui va récupérer les scripts traités
   var script = "";
 
   // si il y a des fonctions à instancier
   if(mesScripts[i].innerHTML.search(/(?:function)\s(.*)\)/gi) != -1){
 
      // on enregistre le script pour le modifier plus tard
      script = mesScripts[i].innerHTML;
 
      // on récupère les entêtes des fonctions
      var entetesFonctions = mesScripts[i].innerHTML.match(/(?:function)\s(.*)\)/gi);
 
      // on initialise la variable qui va stocker les nouvelles entêtes
      var entete = "";
 
      // pour chaque entête
      for( var j = 0; j < entetesFonctions.length; j++){
 
         // on récupère le nom de la fonction
         // on commence par enlever se qu'il y a devant le nom
         entete = entetesFonctions[j].replace(/(?:function)\s*/gi, "");
 
         // ensuite on enlève se qu'il y a après et on le stock dans
         // nomFonction
         nomFonction = entete.replace(/\(.*\)/gi, "");
 
         // puis on récupère les paramètres eventuels de la fonction
         params = entete.replace(/(?:.*\()|\)/gi, "");
 
         // on reconstruit l'entête pour que la fonction
         // soit instenciée correctement
         entete = "window['"+nomFonction+"'] = function ("+params+")";
 
         // création du model de l'entête de fonction à rechercher
         // selon le nom de la fonction
         pattern = new RegExp("(?:function)\s*"+nomFonction+"\(.*\)","gi"); 
         //                      ^== PROBLEME CA MARCHE PAS
         //                      apparament il aime pas le \( et le \)
 
         alert (script.match(pattern));
 
         // remplacement de l'entête dans le script à évaluer
         script = script.replace(pattern, entete);
         //alert(script);
      }
   }else{
      script = mesScripts[i].innerHTML;
   }
      //eval(script);
}

comment pourrai-je résoudre ça ? :bug:

bon ben voilà c'est finalement résole :yaisse2:

voilà le code à utiliser pour que ça marche :

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
// 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;
      }
 
      // récupération des scripts
      var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");
 
      // pour chaque script
      for (var i=0; i<mesScripts.length; i++) {
 
         // on initialise la variable qui va récupérer les scripts traités
         var script = "";
 
         // si il y a des fonctions à instancier
         if(mesScripts[i].innerHTML.search(/(?:function)\s(.*)\)/gi) != -1){
 
            // on enregistre le script pour le modifier plus tard
            script = mesScripts[i].innerHTML;
 
            // on récupère les entêtes des fonctions
            var entetesFonctions = mesScripts[i].innerHTML.match(/(?:function)\s*(.*)\)/gi);
            alert (entetesFonctions);
            // on initialise la variable qui va stocker les nouvelles entêtes
            var entete = "";
 
            // pour chaque entête
            for( var j = 0; j < entetesFonctions.length; j++){
 
               // on récupère le nom de la fonction
               // on commence par enlever se qu'il y a devant le nom
               entete = entetesFonctions[j].replace(/(?:function)\s*/gi, "");
 
               // ensuite on enlève se qu'il y a après et on le stock dans
               // nomFonction
               nomFonction = entete.replace(/\(.*\)/gi, "");
 
               // puis on récupère les paramètres eventuels de la fonction
               params = entete.replace(/(?:.*\()|\)/gi, "");
 
               // on reconstruit l'entête pour que la fonction
               // soit instenciée correctement
               entete = "window['"+nomFonction+"'] = function ("+params+")";
 
               // création du model de l'entête de fonction à rechercher
               // selon le nom de la fonction
         	   pattern = new RegExp("(?:function)\\s*"+nomFonction+"\\s*\\(.*\\)","gi");
 
               // remplacement de l'entête dans le script à évaluer
               script = script.replace(pattern, entete);
 
            }
         }else{
            script = mesScripts[i].innerHTML;
         }
         eval(script);
      }
   }
}

à noter qu'il faut doubler les anti-slashs (\) pour que la regexp fonctionne quand on la définie comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
 
pattern = new RegExp ("\\d", "g");
 
// sinon aulieu d'avoir ça
alert(pattern.source); // affiche \d
 
// on a ça
pattern = new RegExp ("\d", "gi");
 
alert(pattern.soucre); // affiche d

voila voila

merci à tout ceux qui on aidés ou ont essayés de comprendre ce que je voulais faire (grâce à mes explication médiocres)

:yaisse2: :resolu: :yaisse2:

PS: c'est possible de mettre tout ça dans les contribution javascript et ajax ?

11/07/2008, 09h56
SpaceFrog

Joli resultat en effet...
Cependant sasn vouloir être rabat-joie, une chose fondamentale m'echappe:
Perso je ne vois pas l'interet de vouloir générer une fonction javascript à partir d'un retour ajax ...
Les focntions devraient déja exister dans des fichiers externes et il suffit de leure passer des paramètres obtenus par le retour ajax.

Pourquoi cette methode de generation de la fonction qui oblige une évaluation de string ?
11/07/2008, 12h14
hiul dragonfel

Citation:

Envoyé par SpaceFrog

Pourquoi cette methode de generation de la fonction qui oblige une évaluation de string ?

1) ben en fait je modifie un site existant et comme j'ai pas envie de récupérer toutes les fonctions JS qui sont dans les fichers que j'appèle maintenant par Ajax je préfaire les évaluer.

2) et puis aussi ça me dis rien de toujour devoir tout importer dans la page principale.

je préfère avoir les fonction et les appels de fonction sur la même page pour programmer(je fais pas de nouveau fichier js si ce n'est pas une classe ou des fonctions que j'utilisent pour toutes les pages comme ca).

voilà donc enfait j'ai surtout la flème de repasser derriere toutes les pages du site.

petite question:
les déclarations window['toto'] = function(param1, param2){ ... } fonctionnent sous ie ?
et autre chose comment on fait pour avoir un message d'erreur complet sous ie7 et pas ceux qui son 'simplifiés' ?

à cause de ces deux question je réactive le poste dsl :)
11/07/2008, 15h30
hiul dragonfel

bon ben dsl j'arrive pas à trouver comment avoir les vrais messages d'erreurs sous ie 7.

merci de m'aider même se sujet s'écarte un peu pas JS :|
11/07/2008, 15h36
SpaceFrog

utilise firefox ^^ :aie:
11/07/2008, 15h44
hiul dragonfel

problème ça marche très bien sous FF :P
11/07/2008, 15h47
SpaceFrog

il y a eu un poste recemment sur le debug sous IE ... ils doivent avoir une debugbar .. ??

http://www.debugbar.com/

sinon commence déja par ça
http://bealers.com/2007/01/12/debugg...script-in-ie7/
11/07/2008, 16h30
hiul dragonfel

merci pour les liens bien que j'avais trouvé la débugbar je vais plutot essayer les outils MS autant prendres des trucs du même fournisseur ^^

(même si ca risque de planter toutes les 5 minutes :mouarf:)
11/07/2008, 18h29
hiul dragonfel

ouai je vais enfin pouvoir déboguer :D

ce qu'ils disent nulle part c'est que pour qu'on puisse attacher MSE7 (avec vista en tout cas) c'est qu'il faut désactiver les protections d'IE7 ...

sinon il te pète cette vieille erreur :

impossible d'attacher le processus. les fichier utilisé n'existe pas.
:evilred:

le truc c'est que j'arrive quand même pas à utiliser le débugger avec IE7.
je le lance en stand alone et ensuite je l'attache sur IE7.

m'enfin si ça marche comme ça on va pas trifouiller pour que ça marche autrement.:mrgreen:

:yaisse2: enfin un débogueur JS pour IE :yaisse2:
11/07/2008, 18h39
hiul dragonfel

je pleure :piou:

IE n'aime pas ça

Code:

var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");

à tout de suite pour plus d'infos :piou:
11/07/2008, 18h46
SpaceFrog

Code:

(this.idFillObj)

??
11/07/2008, 18h57
hiul dragonfel
bon ben voila fin du mistère de IE.

on ne peux pas faire ça

Code:

var mesScripts = document.getElementById(this.idFillObj).getElementsByTagName("script");

parceque quand on remplis comme ça
Code:

1 2 document.getElementById(this.idFillObj).innerHTML = response;
ben IE il enlève les balises <script> </script> et leurs contenu.
Du coup on se retrouve avec un element remplis comme ça :(
Code:

1 2 3 4 <div id="core"> <input type="button" value="bouton" onclick="test()" /> </div>
aulieu de ça :)
Code:

1 2 3 4 5 6 7 8 9 10 <div id="core"> <script type="text/javascript"> function test(){ alert("test OK"); } </script> <input type="button" value="bouton" onclick="test()" /> </div>
conclusion il faut que je remette mon parser ... :?

je revien quand ça marchera (ou quand j'aurai un nouveau problème :aie:)

PS:

Code:

this.idFilObj

ça contien l'id de l'objet à remplir avec la réponse AJAX c'est une propriété de ma classe AJAX

ça c'est le code final de ma fonction tada

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
// 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;
      }
 
      //////////////////////////////
      // récupération des scripts //
      //////////////////////////////
 
      // parseur de javascript
      response = response.match(/(?:<script.*javascript.*>(?:[^<]+[\n\0\f\r]*)*<\/script>)/gi);
      var mesScripts = "";
      for(i = 0; i < response.length; i++){
         if (response[i] != "") {
            mesScripts += response[i];
         }
      }
      mesScripts = mesScripts.replace(/(?:<script.*javascript.*>)|(?:<\/script>)/gi, "");
      // fin du parser de javascript
 
      // on récupère les entêtes d'éventuels fonctions
      var entetesFonctions = mesScripts.match(/(?:function)\s*([^\)]*)\)/gi);
 
      // si il y a des fonctions à instancier
      // pour chaque entête
      for( var j = 0; j < entetesFonctions.length; j++){
 
         // on récupère le nom de la fonction
         // on commence par enlever se qu'il y a devant le nom
         entete = entetesFonctions[j].replace(/(?:function)\s*/gi, "");
 
         // ensuite on enlève se qu'il y a après et on le stock dans
         // nomFonction
         nomFonction = entete.replace(/\(.*\)/gi, "");
 
         // puis on récupère les paramètres eventuels de la fonction
         params = entete.replace(/(?:.*\()|\)/gi, "");
 
         // on reconstruit l'entête pour que la fonction
         // soit instenciée correctement
         entete = "window['"+nomFonction+"'] = function ("+params+")";
 
         // création du model de l'entête de fonction à rechercher
         // selon le nom de la fonction
         pattern = new RegExp("(?:function)\\s*"+nomFonction+"\\s*\\([^\\)]*\\)","gi");
 
         // remplacement de l'entête dans le script à évaluer
         mesScripts = mesScripts.replace(pattern, entete);
 
      }
 
      // évaluation du script
      eval(mesScripts);
   }
 
   // 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";
}

et ça fonction sur FF et IE :yaisse2:

bon normalement cette adresse fonctionne si vous voulez voir.
page de test

17/07/2008, 17h15
hiul dragonfel

DSL de remonter ce post mais finalement la solution que j'ai ne fonctionne pas car pour des scripts importants le "match()" fait planter JS à cause de la taille de la chaine à traiter.:oops:

je crois que je vais devoir me résoudre à passer derrière toutes les pages du site pour mettre les fonction js dans des fichiers .js merci pour l'aide que vous m'avez offerte et à une prochaine fois.:)