Bonjour,
Il vous est sûrement déjà arrivé de vouloir faire un bouton pour reculer ou avancer dans l'historique:
il existe un objet en javascript qui permet de gérer ça:
history.
history ne gère pas votre historique mais plutôt l'historique de la session ou de la fenêtre
Voici les différentes propriétés et méthodes de cet objet:
back
La methode back sert tout simplement à
revenir en arrière, c'est l'équivalent du bouton
Précédent dans votre navigateur exemple:
<a href="#null" onclick="javascript:history.back();">Précédent</a>
forward
La methode forward fait le
contraire de la methode back, elle vous
redirige vers la page suivante si elle existe bien sur, si ce n'est pas le cas,
rien ne se produit. C'est l'équivalent du bouton
Suivant dans votre navigateur exemple:
<a href="#null" onclick="javascript:history.forward();">Suivant</a>
go
La methode go est la plus complexe même si elle reste simple. elle permet de revenir en arrière ou d'avancer mais avec la possibilité de sauter des pages. exemple:
Voici le contenu de l'historique:
- http://www.google.com/
- http://mail.google.com/
- http://www.supportduweb.com/ (page actuellement visitée)
- http://www.w3.org
- http://www.youtube.com
go(0); vous enverra vers http://www.supportduweb.com/ puisque c'est la page ou vous étiez.
go(-2); vous enverra vers http://www.google.com/ car vous reculez de deux pages.
go(1); vous enverra vers http://www.w3.org car vous avancez d'une page.
length
La propriété length permet de récupérer de nombre de pages dans l'historique.
Exemple :
document.write("Votre historique contient:"+history.length+" page(s)");
Certains navigateur limites l'historique par défaut, firefox par exemple le limite à 50 donc, si vous visitez plus de 50 pages vous ne pourrez aller au maximum qu'au 50 pages qui suives ou précèdes.
C'est tout
merci
Scripts et Tutoriels similaires