Discussion :

[guidav]

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 :

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

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 ?

[Bovino]

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 html :

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

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 :

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

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,

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

[guidav]

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 ?

[guidav]

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

Code :

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

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.

[andry.aime]

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