[AJAX] Ajax et javascript contenu

Version imprimable

29/09/2005, 23h48
zekey

[AJAX] Ajax et javascript contenu

Salut,

j'utilise la méthode ajax (XMLHttpRequest) pour remplir un div.
Seulement dans le code chargé il y a des fonctions javascript.
Une fois chargées les fonctions en questions ne sont pas reconnues par le navigateur (il déclare ne pas les connaitres).
D'ou mes 2 questions:
Est-il normal que le code javascript ramené par XMLHttpRequest ne soit pas parsé/executé ?
Comment faire pour l'y obliger (en l'occurrence il s'agit de javacript généré par le validator de struts, je ne peux pas le charger à l'avance dans la page principale)

D'avance merci
Steve
30/09/2005, 08h16
denisC

Re: Ajax et javascript contenu

Citation:

Envoyé par ze_key

ajax (XMLHttpRequest)

C'est quoi Ajax? UNe marque de lessive ou un hero grec? quel rapport avec XmlHttpRequest???? :?

Citation:

Envoyé par ze_key

Est-il normal que le code javascript ramené par XMLHttpRequest ne soit pas parsé/executé ?

Oui, pourquoi le serait-il (à part parceque ça t'arrange?). XmlHttpRequest en conçyu pour renvoyer une information sous forme de XML, donc pas besoin d'executer le XML....

Citation:

Envoyé par ze_key

Comment faire pour l'y obliger

eval() :idea:
30/09/2005, 09h21
Mr N.

Re: Ajax et javascript contenu

Citation:

Envoyé par denisC

C'est quoi Ajax? UNe marque de lessive ou un hero grec? quel rapport avec XmlHttpRequest???? :?

http://en.wikipedia.org/wiki/AJAX

Citation:

Envoyé par ze_key

Est-il normal que le code javascript ramené par XMLHttpRequest ne soit pas parsé/executé ?

Tu as un exemple pour voir parce que là on peut pas trop deviner.

Citation:

Envoyé par denisC

XmlHttpRequest en conçyu pour renvoyer une information sous forme de XML, donc pas besoin d'executer le XML....

Tu peux envoyer autre chose que du xml =>

Citation:

Envoyé par http://developer.apple.com/internet/webcontent/xmlhttpreq.html

Content that is sent as text/plain or text/html is accepted by the instance of the request object however it will only be available for use via the responseText property.
30/09/2005, 09h54
denisC

Re: Ajax et javascript contenu

Citation:

Envoyé par Mr N.

http://en.wikipedia.org/wiki/AJAX

A quoi je réponds par:
Ajax : le retour des lessiviers ?

Ajax, c'est juste un argument commercial de vente. Ca ne désigne rien et n'est qu'un nom plus sexy pour XmlHttpRequest... Enfin :cry:

Citation:

Envoyé par Mr N.

Citation:

Envoyé par denisC

XmlHttpRequest en conçu pour renvoyer une information sous forme de XML, donc pas besoin d'executer le XML....

Tu peux envoyer autre chose que du xml

Tu remarqueras que j'ai dis conçu. On pu bien entendu envoyer du texte et même des instructions javaScript (cf Google Suggest qui utilise cette technique). Mais à la base, c'est fait pour du XML, donc c'est normal que ça n'execute pas le code JavaScript. :wink:
30/09/2005, 12h14
javatwister

eh oui, comme dit brillamment Denis, un ptit eval (palindrome de lave, vous aurez tous remarqué) donne un résultat plus que blanc;
30/09/2005, 19h14
zekey

Alors pour eval oui ...mais non.
En fait mon objectif est de charger des fragments (HTML+Javascript) dans un div, fonction des clicks de l'utilisateur (pour eviter les frames).
Hors si je ne m'abuse eval et html ne font pas bon ménage.

Steve

Bonjour,

j'ai un petit peu le même souci et j'ai essayé Eval, ça ne passe tjr pas...

Je vous donne ici le code utilisé :

Côté PHP préparation d'un fichier XML

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
 
<?php
//
header("Content-Type: text/xml;");
	//
	$liens[0]["titre"] = "Le lieu";
	$liens[0]["url"] = 'SOL/lieu_centre_formation.php';
	$liens[0]["class"] = 'lien_sommaire';
	$liens[0]["class_hover"] = 'lien_sommaire_hover';
	//
	$liens[1]["titre"] = "L'équipe";
	$liens[1]["url"] = 'SOL/equipe_centre_formation.php';
	$liens[1]["class"] = 'lien_sommaire';
	$liens[1]["class_hover"] = 'lien_sommaire_hover';
	//
	$titre_sommaire = 'Centre de formation';
//
$contenu_sommaire = '<div id="titre_sommaire">'.$titre_sommaire.'</div>';
if ( isset( $liens ) )
{
	foreach ($liens as $lien)
	{
		$onMouseOver_lien = 'this.className=\''.$lien["class_hover"].'\';';
		$onMouseOut_lien = 'this.className=\''.$lien["class"].'\';';
		$lien_ok = (isset($lien["url"]) && $lien["url"] != "")? ' onClick="afficher_detail(\''.$lien["url"].'\', \'GET\', null);" ' : '';
		$contenu_sommaire .= '<div onmouseover="test(); '.$onMouseOver_lien.'" onmouseout="'.$onMouseOut_lien.'" class="'.$lien["class"].'"  '.$lien_ok.'>'.$lien["titre"].'</div>';
	}
}
//
$contenu_sommaire .= '</div>';
//
 
$response = "<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?>\n".
	"<reponse>\n".
	"	<sommaire><![CDATA[".$contenu_sommaire."]]></sommaire>\n".
	"	<scripts><![CDATA[function test () { alert('test'); }]]></scripts>\n".
	"</reponse>";
//	
echo $response;
 
?>

Côté javascript traitement de la reponse XMLHttpRequest :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function handleHttpResponseSommaire() 
	{
		if (http.readyState == 4) 
		{	
			var nouveau_sommaire = http.responseXML.documentElement;
			document.getElementById("contenu_detail").innerHTML = "";
			document.getElementById("contenu_sommaire").innerHTML =  nouveau_sommaire.getElementsByTagName('sommaire')[0].text;
			eval(nouveau_sommaire.getElementsByTagName('scripts')[0].text);
		}
	}

Voilà je veux rappatrier de mon fichier XML des fonctions javascript et les intégrer au document, avec que les nouveaux éléments puissent les appeler.

Merci

Merci zefrit,

grace à ton post, j'ai pu résoudre mon problème de la facon suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
   element.innerHTML = xmlhttp.responseText;
   try{
      var l=element.getElementsByTagName('script').length
      for(var j=0;j<l;j++){
         var script = document.createElement('script');
         script.type = 'text/javascript';
         script.text = element.getElementsByTagName('script').item(j).text;
         document.getElementsByTagName('head')[0].appendChild(script); 		      }     		
   }catch(e){
	alert(e);
   }