Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Naviguer dans l'historique

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de proposer au visiteur la possibilité de se déplacer dans l'historique des pages qu'il a consultées.
Cela peut également être pratique dans vos scripts pour recharger une page, revenir en arrière lors d'une erreur ou autres.
  Principe
Une fonctionnalité de base de JavaScript le permet : window.history .
En fait, le navigateur créé un fichier d'historique par session de navigation, effacé à la fermeture du navigateur.
Il suffit de donner un paramètre à window.history pour s'y balader :
  • window.history.go(-1) : retourner une page en arrière,
  • window.history.go(-5) : retourner cinq pages en arrière,
  • window.history.go(0) : recharger la page courante,
  • window.history.go(3) : avancer de trois pages...
  Le script
dans la partie <head>
<script language="JavaScript">
function navigation() {
window.history.go(param);
}
</script>

dans la partie <body>
<a href="javascript:navigation(-1);">Revenir une page en arrière</a>

<a href="javascript:navigation(-5);">Revenir cinq pages en arrière</a>

<a href="javascript:navigation(0);">Recharger la page</a>

<a href="javascript:navigation(3);">Avancer de trois pages</a>
  Démonstration
Revenir une page en arrière

Revenir cinq pages en arrière

Recharger la page

Avancer de trois pages
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    nav_history.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    nav_history2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter