Trucsweb.com

Trucsweb 1997-2017 - 20 ans de partage.

Javascript

Bouton retour en arrière et page suivante

RDFFav

Bouton retour en arrière et page suivante - Avec la méthode GO du Javascript

Pour reproduire l’action des boutons page précédente et page suivante de votre navigateur, le Javascript utilise la méthode GO qui peut naviguer dans l’historique des liens gardé en mémoire par le navigateur. En effet, il est possible de récupérer la liste des liens visités par le visiteur, la liste « history »..boutons retour arrière pages suivantes précédentes javascript méthode go action historique liens history url back forward location gistory.go onclick

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Pour reproduire l’action des boutons page précédente et page suivante de votre navigateur, le Javascript utilise la méthode GO qui peut naviguer dans l’historique des liens gardé en mémoire par le navigateur. En effet, il est possible de récupérer la liste des liens visités par le visiteur, la liste « history » qui contient les dix derniers URL.

C’est très simple, vous devez choisir un url ou " location " de l’historique en indiquant ça position (son numéro). -1 étant la dernière page visité et +1 la prochaine (si jamais le visiteur a utilisé le bouton " page précédente ").

Retour à la page précédente
history.go(-1)

Retour deux pages en arrière
history.go(-2)

Aller à la page suivante
history.go(+1)

Vous pouvez aussi avec cette méthode entrer directement un URL.
history.go("http://www.trucsweb.com")

 

Exemples :

Dans un hyperlien

<a href="javascript:history.go(-1)">Retour</a>

Ou encore dans un bouton de formulaire

<form>
  <input type="button" value="Retour" onclick="history.go(-1)">
</form>

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

  • tu tes planter tu as inverser le e et le r dans href (ttu a mis herf) le code bon: <a href=javascript:history.go(-1)>Retour</a>
    64x64
    le_basque

    (UTC +0000)
    • Salut, Planté, méchant plantage j'espère pouvoir me relever ; -) Merci.
      64x64
      oznog
      http://www.trucsweb.com
      (UTC +0000)


    • <a herf="javascript:history.go(-1)">Retour</a> Petite coquille => <a href et non herf !
      64x64
      Petit

      (UTC +0000)

    • Slt ! Le morceau de code ci-dessous te semble-t'il correct ? <div class="action"><a href="javascript:history.go(-1)"><i class="fa fa-times"></i></a></div> Bon week et merci pour ce tuto ! Dan.
      64x64
      Dany

      (UTC +0000)
      • Salut, Oui, je viens d'ailleurs d'ajouter un copier coller dans le tutoriel et il fonctionne très bien. Maintenant, ça reste à la discrétion du navigateur. Il peut en outre y avoir une question de mémoire cache... Ciao
        64x64
        oznog
        http://www.trucsweb.com
        (UTC +0000)


             Visites : 44148 - Pages vues : 83729
      X

      Trucsweb.com Connexion

      X

      Trucsweb.com Mot de passe perdu

      X

      Trucsweb.com Conditions générales

      Conditions

      Responsabilité

      La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

      Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

      Droit applicable et juridiction compétente

      Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

      X

      Trucsweb.com Trucsweb

      X

      Trucsweb.com Glossaire

      X

      Trucsweb.com Trucsweb

      X

      Trucsweb.com Trucsweb

      Conditions

      Aucun message!

      Merci.

      X
      Aucun message!
      X

      Trucsweb.com Créer un compte