[AJAX] interpréter JS dans un responseText

Salutation a tous,

Bon, j'ai un grave problème :s.

J'ai absolument besoin d'interpréter du code javascript retourné par une requête Ajax via un responseText, et sans aucunes action. Savez vous comment le faire?


Je m'explique un peu mieux. J'ai, par exemple, une page toto.inc qui contient:

Citation:

---

<input type="button" id="toto" />
<script>
var tata = document.getElementById('toto');
tata.onclick = function(){
alert('toto');
}
</script>

---

J'ai ensuite une page html qui appel via ajax cette page toto.inc
et me l'affiche dans une div. Je voudrais en conséquence que le click sur le bouton nouvelllement affiché me soit reconnu et m'affiche mon alert.

Mais... Ca ne fonctionne pas :(. une idée de comment je peux faire? C'est un exemple tout simple, mais c'est la base complète d'un projet :s

Onet

P.S: on a testé en placant un onclick dans notre bouton et en déclarant une fonction qui faisait la meme chose, sans plus de succès!

Pour résumer, on a besoin d'initialiser des fonction récupérée via une requête Ajax...

As-tu essayé d'avoir une bibliothèque de fonctions que tu charges par la balise script ?

Code:

---

<script src="mabiblio.js" ...></script>

---

c'est ce que j'utilise habituellement et ça fonctionne (du moins chez moi)
Mais, c'est vrai que ça ne marche pas forcément si tes fonctions sont générées dynamiquement et ne peuvent pas prendre en paramètres les éléments variables...

Bonjour,

je ne suis pas sûr que ça marche mais tu peux essayer :

au retour de ton responseText, tu fais :

Code:

---

eval(responseText);

---

par contre ça nécessite d'enlever les balises <script>..

Sinon, quand tu veux que ton ajout d'élément par AJAX interagisse avec JS, il vaut mieux rajouter ton élément en suivant les procédures DOM.
ex:

Code:

---

1 2 3 4 5 6

var bouton = document.createNode("input"); bouton.onclick = function(){ alert('toto'); } var tonNouveauDiv = document.getElementById("tonDiv"); tonNouveauDiv.appendChild(bouton);

---

et une autre alternative encore plus simple :

tu mets le script de ta fonction dans l'en-tête de la page, tu ne rajoutes que le bouton avec AJAX...

Salut,

Non, en fait ca ne change rien, car le souci, c'est que le javascript est initialisé lors du chargement de la page, ce qui ne se fait pas lors du retour de la requête Ajax.

la solution qu'on a trouvé, pour le moment, c'est lors du retour de placer le code javascript dans un div appelée script (par exemple), et de faire un eval javascript de celle-ci.

Je vasi tester a fond cette méthode, si d'autres ont des idées?

Onet

(:bug: )

Citation:

---

Envoyé par ziggotos

Bonjour,

je ne suis pas sûr que ça marche mais tu peux essayer :

au retour de ton responseText, tu fais :

Code:

---

eval(responseText);

---

par contre ça nécessite d'enlever les balises <script>..

Sinon, quand tu veux que ton ajout d'élément par AJAX interagisse avec JS, il vaut mieux rajouter ton élément en suivant les procédures DOM.
ex:

Code:

---

1 2 3 4 5 6

var bouton = document.createNode("input"); bouton.onclick = function(){ alert('toto'); } var tonNouveauDiv = document.getElementById("tonDiv"); tonNouveauDiv.appendChild(bouton);

---

et une autre alternative encore plus simple :

tu mets le script de ta fonction dans l'en-tête de la page, tu ne rajoutes que le bouton avec AJAX...

---

Oui, c'est la solution que l'on a testé et qui semble fonctionner.

par contre, pour le script dans l'entête et ne rajouter que le bouton, ce n'est pas possible, car le contenu est totalement dynamique, donc ca ferait une page trop lourde a charger (pour résumer, c'est un CMS totalement axé sur un couple AJAX/PHP5, avec aucuns chargement de pages ultérieur, si ce n'est via Ajax!)

Merci, je test tout ca, et je reviens ;)

Onet

Tadam! Ca fonctionne... Sauf... sous... Allez, devinez sous quel navigateur pourri ca ne fonctionne pas... Allez, vous voulez un indice ou vous avez devinez ce truc tout pourris dont le logo contient un e en bleu...

Onet qui va se pendre...

P.S: FF, Opera, etc sans souci, évidemment...

qu'est-ce qui ne marche pas ?
la prise en charge de l'élément par JS ou juste la prise en charge du onclick ?

un souci de transport selon Iexplorer:

XMLHttpTransport.watchInFlight Error: [object Error]


:(

Il n'affiche pas la page, rien du tout. C'est pas le eval qui pose souci. Il semblerait que le contenu renvoyé ne lui convienne pas. hallucinant!

Onet

houla, je touche pas à ça moi... 8O

bon courage

bon, on a résolu le souci. A titre d'information, IExplorer n'accepte pas cette forme (en sachant que que ma requète Ajax me renvois 2 div: une content qui contient ce qu'il faut afficher et l'autre script en hidden qui contient le script JS a évaluer):

Code:

---

1 2	var script = document.getElementById('script') eval(script)

---

mais qu'il accepte de faire:

Code:

---

eval(document.getElementById('script'))

---

dans l'absolue, ca ne change absolument rien, mais faut juste le savoir...

Onet