Changer le contenu d'une div et sauver l'url
Zeytann
-
Zeytann -
Zeytann -
Bonjour,
je suis actuellement le webmaster d'un serveur privé world of warcraft. Je compose un nouveau site, malheureusement, on me demande de faire un site dit dynamique, et donc de faire changer les contenu de la page sans pour autant rafraichir celle-ci. Le script de son coté est bon, le contenu de notre block se change correctement, l'url se modifie seul grace aux liens, mais lorsque l'on rafraîchi la page, le contenu par défaut réapparait, et lorsque que l'on effectue un retour en arrière ou encore un suivant, c'est le contenu chargé grace au lien qui ne change plus.
Voici le code javascript utilisé :
et voici le type de liens utilsé :
Et donne donc un url de type http://monsite.fr/#Home/page/ .
Mon but est donc de pouvoir "marquer" les pages dans l'url et de pouvoir rafraichir, revenir à une page dynamique.
Merci pour vos futurs aident.
je suis actuellement le webmaster d'un serveur privé world of warcraft. Je compose un nouveau site, malheureusement, on me demande de faire un site dit dynamique, et donc de faire changer les contenu de la page sans pour autant rafraichir celle-ci. Le script de son coté est bon, le contenu de notre block se change correctement, l'url se modifie seul grace aux liens, mais lorsque l'on rafraîchi la page, le contenu par défaut réapparait, et lorsque que l'on effectue un retour en arrière ou encore un suivant, c'est le contenu chargé grace au lien qui ne change plus.
Voici le code javascript utilisé :
// here we define global variable var ajaxdestination=""; function getdata(what,where) { // get data from source (what) try { xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { /* do nothing */ } document.getElementById(where).innerHTML ="<div id='text-haut-contenu'><div id='text-titre-contenu'>Chargement du module :</div></div><div id='text-milieu-contenu'><div class='text-text-contenu'><center><img src='images/icones/ajax-loader.gif'></center></div></div><div id='text-bas-contenu'></div>"; // we are defining the destination DIV id, must be stored in global variable (ajaxdestination) ajaxdestination=where; xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV xmlhttp.open("GET", what); xmlhttp.send(null); return false; } function triggered() { // put data returned by requested URL to selected DIV if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText; }
et voici le type de liens utilsé :
<a href="#Home/page/" onclick="getdata('pages/page.php','contenu');"></a>
Et donne donc un url de type http://monsite.fr/#Home/page/ .
Mon but est donc de pouvoir "marquer" les pages dans l'url et de pouvoir rafraichir, revenir à une page dynamique.
Merci pour vos futurs aident.
A voir également:
- Changer le contenu d'une div et sauver l'url
- Changer dns - Guide
- Url - Guide
- Changer carte graphique - Guide
- Changer wifi chromecast - Guide
- Changer extension fichier - Guide
2 réponses
Bonjour,
je te conseille d'utiliser des iframes:
Voila, c'est assez simple et sa fonctionne pour faire page précedente,etc ;)
Si tu as une question n'hésite pas !
Xogno
je te conseille d'utiliser des iframes:
<div class="lien_menu"><a type="button" value="change url"onclick="document.getElementById('myFrame').src='home.php';" >Home</a></div> <div class="lien_menu" ><a type="button" value="change url"onclick="document.getElementById('myFrame').src='autre_page.php';" >autre page</a></div> <div id="corps_page"> <iframe runat="server" frameBorder=0 marginHeight=0 marginWidth=0 name=login scrolling=auto src="home.php" id="myFrame"></iframe> </div>
Voila, c'est assez simple et sa fonctionne pour faire page précedente,etc ;)
Si tu as une question n'hésite pas !
Xogno
ca marche pour faire page précédente/suivante mais pas pour rafraichir la page, ca remet la source par défaut...
Non juste ça et ca marche !