Trucsweb.com

Trucsweb.com

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
      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
        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
          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
            Date (GMT) : 2020-01-14 12:16:48 (UTC +0000)
            Date local : Tue Jan 14 2020 07:20:45 GMT-0500 (heure normale d


          • Bonjour oznog, Mon <a href="javascript:history.go(-1)">Retour</a>fonctionne bien sous Chrome et Safari, mais pas sur Firefox :( Une idée ? Merci pour ce tuto :)
            64x64
            Paul-Loup
            Date (GMT) : 2022-11-18 08:03:15 (UTC +0000)
            Date local : Fri Nov 18 2022 09:03:13 GMT+0100 (heure normale d
            • Salut Paul-Loup, C'est un très vieux tutoriel, les choses ont grandement changé depuis. Si ça fonctionne avec certains navigateurs, c'est que ton code est bon. Maintenant, cette méthode peut être limitée par la configuration du navigateur et même par la configuration de la sécurité de ton site Web (du domaine). Encore une fois, si ça fonctionne ailleurs, c'est fort probablement ton navigateur. Fais [F12] et actualise ta page et regarde la console s'il n'y a pas de message. (Tu peux vider la console, la petite poubelle en haut à gauche). Et puis clic sur ton lien « Retour », si c'est le navigateur qui bloque, tu auras un message dans la console. Note que ce code fonctionne avec mon Firefox. Ciao
              64x64
              oznog
              Date (GMT) : 2022-11-18 12:35:43 (UTC +0000)
              Date local : Fri Nov 18 2022 07:35:39 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 : 106711 - Pages vues : 148775
            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

            .
            @