Comment l’objet JavaScript history vous donne un tas d’informations

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Découvrez comment accéder à l’historique des pages du navigateur de vos internautes.

L’objet history est justement là pour ça !

Tout est dans le cours vidéo ci-dessous.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Comment l’objet JavaScript history vous donne un tas d’informations

Bonjour à tous et bienvenu sur Développement Facile.

Dans ce nouveau cours vous allez apprendre à utiliser l’objet history. Si vous avez regardé avec attention les cours précédents, vous avez sûrement remarqué que j’en ai déjà parlé avec .back pour la méthode pour accéder aux pages précédentes, parce que history ça vous permet ça vous permet d’accéder à l’historique de l’utilisateur, de voir quelle pages il a visitées, les pages précédentes et les suivantes s’il est revenu en arrière.

L’objet history

Ensemble on va découvrir comment utiliser l’objet history.
La méthode back ça charge la page précédemment visitée, et la méthode forward ça charge la page suivante du visiteur.
Et go ça permet de déplacer dans l’historique des pages visitées suivant un nombre de pages passées en paramètres.

Voici un exemple qui permet de naviguer dans un historique, vous avez une page qui est affichée, donc page 2 le titre, page 1 avec href page1.html, page2 avec page3.html, voilà tout simplement, et vous avez deux boutons, submit 1 pour aller à la page précédente de l’historique, submit2 dans la page suivante de l’historique, et sur le onclic de ces deux boutons, pour la page précédente on appelle la fonction previousPage, pour la page suivante on appelle nextPage, previousPage qu’est ce qui se fait ?
Il va appeler l’objet Window, si vous avez oublié ou si vous ne connaissez pas ce qu’est l’objet window, il y a un cours JavaScript complet dédié à l’objet window, avec ses propriétés, ses méthodes, donc consultez-le tout de suite, il est quelque part sur le site, le cours consacré à l’objet window. Vous faites window.history.back pour afficher la page précédente, si l’utilisateur appui sur le bouton submit 3, page suivante dans l’historique, faites Windows.history.forward pour appeler la page suivante qui est listée. Ça c’est un exemple très simple pour naviguer dans un historique, dans un site Internet beaucoup plus complexe qui utilise Ajax et tout, vous allez vous amuser sans recharger la page, que l’utilisateur puisse naviguer dans l’historique de sa visite.

Votre plan d’actions !

Comme je vous le dis, vous pouvez proposer une navigation sur votre site dans les différentes pages visitées par l’internaute, donc comme d’habitude vous retrouverez un code source sous ce cours vidéo, si vous avez des questions, posez-les directement sous ce cours vidéo. Je vous dis à très bientôt sur Développement Facile.

 

[/ppmtoggle][/ppmaccordion]

Avec quel site web avez-vous déjà utilisé history ?

Dites-moi, dans les commentaires, pour quels sites web utilisez-vous l’objet JavaScript history.

Créez des Applications Hyper-Intéractives avec la Formation Gratuite JavaScript Facile !