Discussion :

[yoh43]

Bonjour, j'ai un site qui fonctionne avec ce script :
/*************************************************
Fonction de definition de l'object xhr
**************************************************/

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
function new_xhr(){
	var xhr_object = null;
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject){ // Internet Explorer
	   try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else { // XMLHttpRequest non supporté par le navigateur
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	   xhr_object = false;
	}
	return xhr_object;
}

/*****************************************************
Fonction qui va recharger le contenu
******************************************************/

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
function load_page(select) {
	var xhr = new_xhr();//On crée un nouvel objet XMLHttpRequest
	xhr.onreadystatechange = function(){
		if ( xhr.readyState == 4 ){//Actions executées une fois le chargement fini
			if(xhr.status  != 200){//Message si il se preoduit une erreur
				document.getElementById("content").innerHTML ="Error code " + xhr.status;
			} else {//On met le contenu du fichier externe dans la div "content"
				document.getElementById("content").innerHTML = xhr.responseText;
			}
		} else {//Message affiché pendant le chargement
			document.getElementById("content").innerHTML = "Chargement en cours ... <img src='loading.gif' alt='' align='middle'/>";
		}
	}
	xhr.open("GET", select.split('?')[1]+".php", true);//Appel du fichier externe
	xhr.send(null);
}

Existe-t'il un moyen de faire fonctionner la navigation page précédente avec ceci, ou en le modifiant un peu ?
Merci d'avance.

[headmax]

Oui c'est possible mais faudra rajouter un lien avec l'appel qui va bien window.history.back() a ton innerHTML lors de l'écriture dans la page réponse Ajax:

Code :

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

1
2
 
document.getElementById("content").innerHTML = xhr.responseText + '<a href="javascript:window.history.back();">Retour</a>';

ou mettre un simple lien vers la page en question :

Code :

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

1
2
 
document.getElementById("content").innerHTML = xhr.responseText + '<a href="mypage.html">Retour</a>';

[yoh43]

Merci pour la réponse, mais ça ne marche pas, le lien s'affiche mais le contenu reste inchangé quand on clique dessus...
En plus c'est pas tout à fait ça que je voulais dire, j'ai déjà des liens retour dans mon site, et j'avais essayé de mettre history.back() sans succés.
Et je parlais plutôt de pouvoir utiliser les flèches du navigateur.
Le problème est peut-être du coup que history.back() reste inactif, mais je ne vois pas de raison à ça...

[headmax]

Tout dépend de l'action précédente d'ou l'ajout du lien vers ma page.html car si tu POST un formulaire l'history back risque de re poster soit ne pas marcher.Essaye avec window.history.go(-1) voir -2 ou -3 ou Re voir le concept.

[ABCIWEB]

Pour la navigation ajax il faut changer le hash dans ton url à chaque changement du DOM si tu veux que le changement soit enregistré dans l'historique du navigateur. C'est aussi utile pour le référencement des pages.

En complément il faudra mettre un écouteur onchange sur le hash pour recharger le contenu adéquat en fonction de sa valeur.

[yoh43]

Oui j'avais compris entre-temps qu'il fallait indiquer à la page de recharger le contenu, mais je n'arrive pas à le mettre en place, est-ce que je peux avoir un coup de main supplémentaire ?
Merci