[AJAX] Afficher un fichier inclus après le chargement de la page

Bonjour

Mon site (CMS maison pour un reporting intranet) a la structure suivante : une page index.php appelle toujours les pages spécifiques à chaque état affiché.
Ce qui donne, pour la page index.php :

Code:

---

1 2 3

//début de la page : constantes, variables, fonctions, pré-traitements divers include "mapagespecifique.php"; //fin de la page : post-traitements divers

---

Mon problème est que les scripts "mapagespecifique.php" peuvent être assez longs à tourner, et utilisent déjà les buffers de sortie.
Y a-t-il une solution (utilisant probablement un <div> autour de l'include + js/ajax) pour afficher d'abord le début et la fin de chaque page avec un gif animé d'attente à la place du script spécifique, puis remplacer le gif par le contenu du script ?

Citation:

---

Envoyé par guidav

Y a-t-il une solution (utilisant probablement un <div> autour de l'include + js/ajax) pour afficher d'abord le début et la fin de chaque page avec un gif animé d'attente à la place du script spécifique, puis remplacer le gif par le contenu du script ?

---

Oui bien sûr et tu as bien cerné le problème :)
Ta page principale sera du style :

Code:

---

1 2 3

<!--début de la page : constantes, variables, fonctions, pré-traitements divers--> <div id="contenu-dynamique"><img src="loader.gif" alt="Traitement en cours..." /></div> <!--fin de la page : post-traitements divers-->

---

Je te laisse bien sûr mettre en forme cette div ;)

Ensuite, au onload de la page :

Code:

---

1 2 3 4 5 6 7 8 9 10

window.onload = function(){ var xhr = getXHR(); // fonction qui crée ton objet XMLHttpRequest xhr.open('GET', 'mapagespecifique.php'); xhronreadystatechange = function(){ if(xhrreadyState==4 && xhr.status=200){ document.getElementById('contenu-dynamique').innerHTML = xhr.responseText; } } xhr.send(null); }

---

Attention cependant à une chose,

Citation:

---

les scripts "mapagespecifique.php" peuvent être assez longs à tourner

---

en fonction de ce que tu appelles "long", il sera peut-être nécessaire de configurer le serveur pour maintenir la connexion le temps suffisant pour pouvoir recevoir la réponse...

Merci beaucoup pour le coup de main, ça marche presque.
Il me reste cependant un gros problème : la page est maintenant appelée comme un GET, c'est à dire que toutes les variables que j'ai définies avant (sauf celles en session) ont disparu.
Y a-t-il un moyen de faire en sorte que mes variables prédéfinies persistent lors d'un appel de page avec xhr.open ?

Bon, ça marche pratiquement, mais il reste un problème : est-il possible avec cette commande

Code:

---

document.getElementById('contenu-dynamique').innerHTML = xhr.responseText;

---

d'insérer du code qui contient des formulaires ? J'ai une erreur dans ce cas, la page refuse de s'afficher, le message est "erreur d'exécution inconnue" (merci IE !).
Idem si j'essaie d'insérer du code qui comporte un peu d'ajax, mes mises à jour de champs en ajax ne fonctionnent pas non plus.

Merci de votre aide.

EDIT : le problème ne se pose qu'avec IE6. Je n'ai pas le choix du navigateur, épargnez-moi les sarcasmes habituels.

Bonjour,

Ce que je fait moi, c'est d'utiliser un formulaire caché que j'affiche et remplie avec le résultat de la requête AJAX en utilisant un XML ou JSON.

A+.