Discussion :

[baedal]

Bonjour a tous,
je suis en train de creer un site qui utilise ajax afin de charger certaines pages.
Je m'explique, j'ai un menu, réparti en catégories, et la page principal de chaque catégories présente des sous menus.
Les pages des sous menus sont alors appelées via une méthode ajax, de la manière suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="#" onclick="request('presentation.php?section=coordonnees','contenu');return(false)"  >Coordonn&eacute;es</a></li>

les pages des sous catégories sont donc chargées dans une div (que j'ai appelée contenu).
Le problème est que j'utilise des fonctions javascript à l'intérieur des pages appellées en ajax.
La page "mère" (qui contient la div contenu) appelle bien ces fonctions dans le header et ces fonctions fonctionnent, mais dés que l'on charge un page avec javascript, la premiere fois qu'on utilisera une fonction javascript elle ne marchera pas.

Voici le code pour charger les pages dans une div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
// Permet de ne rafraichir que le contenu d'une div et non toute la page
function request(url,cadre) {
		var XHR = null;
 
		if(window.XMLHttpRequest) // Firefox
			XHR = new XMLHttpRequest();
		else if(window.ActiveXObject) // Internet Explorer
			XHR = new ActiveXObject("Microsoft.XMLHTTP");
		else { 
			// XMLHttpRequest non supporté par le navigateur
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
			return;
		}
		// envoie de la requête, methode GET et de l'url
		XHR.open("GET",url, true);
 
		// on guette les changements d'état de l'objet
		XHR.onreadystatechange = function attente() {
 
		// l'état est à 4, requête reçu !
		if(XHR.readyState == 4)     {
			// ecriture de la réponse
			document.getElementById(cadre).innerHTML = XHR.responseText;
		}
	}
	XHR.send(null);		// le travail est terminé
	return;
}

Savez-vous de quoi ça vient ?
Merci beaucoup

[madevilts]

Lorsque tu utilises le HTTPrequest, il te renvoit les données Ajax dans xhr.responseText. Jusque là tout va bien.
Lorsque tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(cadre).innerHTML = XHR.responseText;

Tu lui dis de stocker le texte (ou html) dans ta page... et c'est tout !

Nullepart tu lui spécifie qu'il faudrait évaluer du code javascript dans ce retour ajax.
Lors du chargement d'une page standard, ton navigateur évalue le code entre <script> et </script> mais dans le cas d'un ajax, ça n'est pas le cas.
J'ai déjà eu le meme type de problème que toi. je lance mon ajax puis je découpe le xhr.responseText, je récupére le code qu'il y a entre <script> et </script>. Pour finir, je fais un eval() dessus

[baedal]

tout d'abord merci de m'avoir repondu
Donc il faudrait que je recupere ce qu'il y a à l'interieur des balises script de la page chargée via ajax c'est bien ça ?
Mais est ce qu'il ne va pas y avoir un probleme de chemin si la page chargée et la page "mere" ne sont pas dans le même repertoire ?
Sinon pourriez-vous m'expliquer comment faire pour executer les fonctions au sein des pages chargées en ajax s'il vous plait ?

Pour information, dans la page chargée en question, je voudrais afficher une galerie avec "FancyZoom" =)

je debute, merci pour votre aide

[madevilts]

Imaginons que ton xhr.responseText vaut ceci (il faut commencer par simple) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script>alert('coucou'); </script> <div>Mon code html de ma page</div>

Il te faut isoler ton script donc tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
var codejs = xhr.responseText;
codejs = codejs.substr(codejs.lastIndexOf('<script>')+8,codejs.lastIndexOf('</script>'));
alert('mon beau code js (pour controler) = '+codejs);
try
{
  eval(codejs);
}
catch(exc)
{
  alert('eval ne marche pas');
}

Voila si je n'ai pas fait d'erreur ça doit marcher.

[baedal]

pardon, je suis très chiant :/ mais si, dans la page chargée par ajax, entre les balises scripts, ce sont les liens vers les fichiers contenant les fonctions js et non pas des fonctions "tapées entièrement" comme dans votre exemple, comment puis-je faire ?

[baedal]

En fait je me rends compte d'un problème, pour utiliser ma galerie (dans une page chargée via ajax), je dois placé une fonctions dans la balise body, comme ceci :

<body onload="setupZoom()">

est ce que ce n'est pas "sale" de chargée dans le body de la page "mère" une page avec encore un autre body ?