Rechargement page web

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
Configuration: Windows XP
Opera 9.62

4 réponses

  1. Bonjour,

    il faut utiliser Ajax, un contrôle ActiveX qui permet des requêtes asynchrones avec la méthode XMLhttpRequest.
    0
    1. regarde ici -> http://www.graphiks.net/cours/ajax/71-xmlhttprequest-dit-ajax.html
      0
      1. ok merci je comprends un peu comment ca marche

        je teste ca et revien poster les resultats

        merci beaucoup
        0
        1. 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