Trucsweb.com

Trucsweb.com
Attention, le site des Trucsweb est à la recherche d'un partenaire pour héberger le site des Trucsweb. Contactez-nous.
Trucsweb 1997-2020 - 23 ans de partage - Payez-moi un café ; -)

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 onclickBouton retour en arrière et page suivante - Avec la méthode GO du Javascript

  • · 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

    Date (GMT) : 2015-07-09 13:40:2 (UTC +0000)
    • Salut, Planté, méchant plantage j'espère pouvoir me relever ; -) Merci.
      64x64
      oznog
      http://www.trucsweb.com
      Date (GMT) : 2016-01-04 14:36:30 (UTC +0000)


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

      Date (GMT) : 2015-12-28 14:34:24 (UTC +0000)
      • Salut, Petite coquille me semble le mot juste. Merci, c'est réglé...
        64x64
        oznog
        http://www.trucsweb.com
        Date (GMT) : 2016-01-04 14:37:8 (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

        Date (GMT) : 2016-03-25 21:41:6 (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
          Date (GMT) : 2016-03-25 21:47:49 (UTC +0000)


        • Cool ça a réussi. Mais aussi comment pourrait-on je faire pour que tout comme celui, quand j'appuie sur le bouton retour de mon portable,ça fasse la même chose ???
          64x64
          Karin KPELEVI

          Date (GMT) : 2020-01-14 10:49:13 (UTC +0000)
          Date local : Tue Jan 14 2020 10:53:09 GMT+0000 (heure moyenne d
          • Salut, Drôle de question, pourquoi faire ? Premièrement ça dépend du focus, on peut capturer la touche « retour » dans une boite de saisie par exemple. Voilà un exemple dans le document au complet. <body onkeydown="twRetour(event)"> <script> function twRetour(evenement) { var nTouche = evenement.keyCode; if (nTouche == 13) { // 13 = touche « retour » history.go(-1); } } </script> Mais ça dépend du support, certain support ne retourne pas le même code...
            64x64
            oznog
            http://www.trucsweb.com
            Date (GMT) : 2020-01-14 12:16:48 (UTC +0000)
            Date local : Tue Jan 14 2020 07:20:45 GMT-0500 (heure normale d


          Ajouter un commentaire
          Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
          Votre évaluation du tutoriel

          6/10 sur 1 revues.
                 Visites : 76930 - Pages vues : 117884
          X

          Trucsweb.com Connexion

          Connexion

          X

          Trucsweb.com Mot de passe perdu

          Connexion

          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

          Créer un compte

          .
          @