Rechargement page web

crazyghandi Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   -  
crazyghandi Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai cree un site en php avec plusieurs include dans l'index de type banniere, menu, news, etc...

Lorsque on clique sur un lien du menu toute la page se rafraichit

Alors que sur des sites que j'ai vus, tout ce qui n'est pas recharge reste fixe,
ce qui evite le passage dune fenetre blanche.

comment faut-il faire pour avoir ce type de navigation svp?

merci d'avance
A voir également:

4 réponses

Réponse 1 / 4
pitxu Messages postés 689 Date d'inscription   Statut Membre Dernière intervention   95
 
Bonjour,

il faut utiliser Ajax, un contrôle ActiveX qui permet des requêtes asynchrones avec la méthode XMLhttpRequest.
0
Réponse 2 / 4
pitxu Messages postés 689 Date d'inscription   Statut Membre Dernière intervention   95
 
regarde ici -> http://www.graphiks.net/cours/ajax/71-xmlhttprequest-dit-ajax.html
0
Réponse 3 / 4
crazyghandi Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   19
 
ok merci je comprends un peu comment ca marche

je teste ca et revien poster les resultats

merci beaucoup
0
Réponse 4 / 4
crazyghandi Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   19
 
bon je n'arrive pas a faire marcher ca

dans index.php :

include menu.php


<div id="xmlhttp"><?php
include ($_GET['main']);
echo "<br>";?> </div>

et dans menu.php :

<SCRIPT language="javascript" src="reload.js"></SCRIPT>
<ul id='menu_horizontal'>
<li class='bouton'><a href='' onclick='request('index.php?main=accueil.php','xmlhttp');return(false)'>ACCUEIL</a></li>
<li class='bouton'><a href='index.php?main=acquereur.php'>ACQUEREUR</a></li>
<li class='bouton'><a href='index.php?main=vendeur.php'>VENDEUR</a></li>
<li class='bouton'><a href='index.php?main=offres.php'>OFFRES</a></li>
<li class='bouton'><a href='index.php?main=contact.php'>CONTACT</a></li>
</ul>

et enfin la fonction trouvee au url posteplushaut :

reload.js :
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;
}// JavaScript Document

mais tout ca n'a aucun effet

aidez moi svp c important
encore merci
0