Discussion :

[onet]

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:

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

[yjuliet]

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[pc.bertineau]

Bonjour,

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

au retour de ton responseText, tu fais :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[onet]

Bonjour,

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

au retour de ton responseText, tu fais :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

[pc.bertineau]

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 ?

[onet]

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

( )