[AJAX] chargement partiel dune page

Version imprimable

20/07/2007, 08h30
hugo69

[AJAX] chargement partiel dune page

Bonjour,

jai un header flash.

En dessous j'ai mon contener qui est appeler par un systeme de pseudo frame PHP.

Afin d'éviter de recharger toute la page et rejouer mon animation et chargment du header flash, ainsi que pour faire plus stylé, je souhaiterai faire un chargement partiel de ma page, soit seulement le contener.

l'appel de mes page se faire sur une variable GET (index.php?page=home) et a partie header restera identique à 100%

Une piste? J'ai déja utilisé HTTPREQUEST mais seulement pour des requete mysql qui renvoyer un mot ou resultat, jamais pour un contener tout entier qui est une page php.

Merci.
20/07/2007, 15h30
hugo69

any idea???

Je sais utiliser ajax pour lire une BDD et renvoyer un résultat simple, je suppose que l'on doit pouvoir lui dire de lire un fichier php et retourner le contenu dans un div , non?

Bon,

J'ai trouvé tout seul:

Fonctions Javascript:

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
42
43
44
45
46
function getXhr(){
 
		var xhr = null; 
		if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
		else if(window.ActiveXObject){ // Internet Explorer 
				try {
			   		xhr = new ActiveXObject("Msxml2.XMLHTTP");
				} catch (e) {
			   		xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}else { // XMLHttpRequest non supporté par le navigateur 
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				xhr = false; 
			} 
     	return xhr;
	}
 
	/**
* Méthode qui sera appelée sur le click du bouton
*/
 
	function monmenu(cible, fichier){//Source, Cible, fichiers
 
		var xhr = getXhr();
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
 
				// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						mapage = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById(cible).innerHTML = mapage;
					}
				}
 
		// Ici on va voir comment faire du post
		xhr.open("POST",fichier,true);
		// ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		// ne pas oublier de poster les arguments
		// ici, l'id de l'auteur
		//sel = document.getElementById(source);
		//idauteur = sel.value;
		xhr.send();
	}

Appel de la page dans mes menus:

Code:

<a href="#" onclick='monmenu("main_container","pages/main/page.php")'>maPage</a>