Rechargement page web

crazyghandi Messages postés 323 Statut Membre -  
crazyghandi Messages postés 323 Statut Membre -
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. pitxu Messages postés 708 Statut Membre 95
     
    Bonjour,

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

    je teste ca et revien poster les resultats

    merci beaucoup
    0
  4. crazyghandi Messages postés 323 Statut Membre 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