Outils

Référencement

Flash

Services

Compteurs

Scripts et tutoriaux

Espace membre

Activitée

Recherche

Publicitée

Vous êtes ici: Support du web > Scripts et tutoriaux > Javascript > Aller à la page précédente et suivante en javascript objet history

Aller à la page précédente et suivante en javascript objet history
ybouane Aller à la page précédente et suivante en javascript objet history Note : 4/5 (0 vote) Derniéres modifications : 13/12/2008 à 00:54:55 Mots-Clés : historique objet history back next suivant précédent navigateur page javascript js 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 forward go length back La methode back sert tout simplement à revenir en arrière, c'est l'équivalent du bouton Précédent dans votre navigateur exemple: Code: (X)html <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: Code: (X)html <a href="#null" onclick="javascript:history.forward();">Précédent</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 : Code: JavaScript 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 Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Les commentaires Il n'y a actuellement aucun commentaire pour ce tutoriel

Aller à la page précédente et suivante en javascript objet history

ybouane

Aller à la page précédente et suivante en javascript objet history
Note : 4/5 (0 vote)
Derniéres modifications : 13/12/2008 à 00:54:55
Mots-Clés : historique objet history back next suivant précédent navigateur page javascript js

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
forward
go
length

back

La methode back sert tout simplement à revenir en arrière, c'est l'équivalent du bouton Précédent dans votre navigateur exemple:

Code: (X)html

<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:

Code: (X)html

<a href="#null" onclick="javascript:history.forward();">Précédent</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 :

Code: JavaScript

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.

Menu