[AJAX] fonction js avec ajax

Version imprimable

05/12/2008, 16h11
Anounou

[AJAX] fonction js avec ajax

Bonjour à tous!

Depuis plusieurs jours je suis un peu perdu sur un problème qui me semble récurent mais pour lequel je n'ai pas réussi à trouver de véritable infos sur le sujet.

Je m'explique :

J'ai une page resultat.php qui est divisé en deux parties, une à gauche où l'on trouve une liste de résultat et sur la droite rien dans un premier temps.
Lorsque l'on clique sur le listing pour avoir plus d'infos on obtient un resultat sur la partie de droite (j'utilise ajax afin d'éviter de recharger mon listing a chaque fois).

Et lorsque je souhaite utiliser du javascript sur cette partie de dorite, j'ai l'impression que la page initiale ne reconnais pas cette partie de droite qui est venu s'insérer, donc imposibilité d'utiliser le javasrcript.

Comment faire en sorte que le javascript soit reconnu tout le temps.

Pour contrer ce problème j'insère une iframe, et la le javascript fonctionne (normal c une nouvelle page html). Mais cette solution est assez lourde a gérer parce que je crée deux fois plus de fichiers et cette iframe ne communique pas avec la page initial.

Pouvez vous m'aider, en espérant avoir été clair.

Merci.
05/12/2008, 16h21
marcha

Salut,

Quand tu charges un contenu via XmlHttpRequest les scripts ne sont
pas traités. Tu devrais extraire ce qu'il y a entre les balises <script> et
utiliser eval.

C'est fastidieux comme travail, et les frameworks comme JQuery ou Prototype
le gère très bien. Donc... utilise un framework :-)
05/12/2008, 16h25
E.Bzz

Bonjour,

Citation:

Envoyé par marcha

C'est fastidieux comme travail, et les frameworks comme JQuery ou Prototype
le gère très bien. Donc... utilise un framework :-)

Fastidieux ?
Moins que de charger un framework juste pour remplacer les 3 lignes de code de la FAQ ;)

A+
05/12/2008, 16h30
marcha

Oui E.Bzz, si il n'y avais que ça d'intéressant, je suis d'accord :-)

J'ai testé le code de la faq avec ce fragment

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<h1>Hello</h1>
<script type='text/javascript'>
  alert('Hello 1');
  i=1;
</script>
<script type='text/javascript'>
  alert('Hello 2');
</script>
<script type='text/javascript'>
  alert('Hello 3');
</script>

Vicieux comme bug

05/12/2008, 17h01
E.Bzz

Citation:

Envoyé par marcha

Vicieux comme bug

:koi:
Tu peux développer ?

A+
05/12/2008, 17h09
marcha
Oui, volontiers,
Code:

1 2 3 4 for (var i=0; i<mesScripts.length; i++) { eval(mesScripts[i].innerHTML); }
La boucle utilise 'i' comme variable de comptage, si un des scripts
évalués utilise un i et le modifie cela perturbe le cycle de la boucle.

dans mon exemple, cela affiche Hello 1 et Hello 3, et n'évalue pas le
2ème script.
05/12/2008, 17h14
E.Bzz

Wouuh p***** !

Effectivement :aie:

:bravo:

Bien que ça soit du cas particulier, c'est effectivement à prendre en compte.

EDIT : et encore, tu n'as pas mis

Code:

i=0;

Re-:aie:

A+

Oui c'est vicieux, et il y a encore d'autres problèmes (le contexte du this par exemple).

A lire sur le sujet trouvé en commentaire du code d'évaluation dans JQuery que voici:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
globalEval: function( data ) {
		data = jQuery.trim( data );
 
		if ( data ) {
			// Inspired by code by Andrea Giammarchi
			// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
			var head = document.getElementsByTagName("head")[0] || document.documentElement,
				script = document.createElement("script");
 
			script.type = "text/javascript";
			if ( jQuery.browser.msie )
				script.text = data;
			else
				script.appendChild( document.createTextNode( data ) );
 
			// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
			// This arises when a base node is used (#2709).
			head.insertBefore( script, head.firstChild );
			head.removeChild( script );
		}
	},

Il semblerait que la manière la plus sure d'évaluer les scripts est
de créer dynamiquement des script dans le dom puis de les retirer.