Valeur de cette activité : 5 points
Compétence :
15- Javascript : L'objet history

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

L'objet history

Présentation

L'objet history permet d'atteindre les pages qui sont enregistrées dans l'historique du navigateur. Vous pouvez utiliser cet objet afin de simuler les boutons SUIVANT et PRÉCÉDENT du navigateur.

Description

L'Objet history peut être utilisé avec la balise de lien ou sur un bouton de formulaire. Essayons ces deux façons :
  1. Ajoutez une page à votre portfolio en affichant les assitants HTML et JAVASCRIPT et FORMULAIRE ainsi que la directive 9153.
  2. Inscrivez dans le champ titre : L'objet history
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ No de la directive : 9153
  5. Inscrivez dans votre page le titre de niveau 1 : L'objet history
  6. Tapez les mots "Page précédente"
  7. Sélectionnez ces mots et utilisez le bouton LIEN
  8. Inscrivez javascript:history.go(-1)
    Vous obtiendrez le code suivant :<A href="javascript:history.go(-1)">Page précédente</A>

    ATTENTION : Ne pas utiliser le paramètre TARGET=_BLANK dans votre code de lien.

  9. Insérez le code HTML afin que le texte "Page précédente" s'affiche dans une couleur de votre choix

    Assurez-vous de ne pas utiliser le paramètre target=_blank dans votre code de lien.


  10. Utilisons maintenant cet objet sur un bouton de formulaire
  11. Créez un formulaire (bouton FORMULAIRE)
  12. Insérez dans ce formulaire un bouton (bouton BOUTON) ayant comme valeur les mots "Page précédente"
  13. Ajoutez à ce bouton l'évènement onclick ayant comme valeur : history.go(-1)

    Vous obtiendrez : <FORM name=0405><INPUT type="button" value="Précédent" onclick="history.go(-1)"></FORM>
  14. Ajoutez ensuite un lien vers un site web qui explique l'objet History du langage Javascript
  15. Modifiez la valeur du paramètre TARGET=_blank de ce lien pour TARGET=_self
  16. Ajoutez ensuite dans votre page un lien qui simulera le bouton Page Suivante du navigateur
  17. Ajoutez ensuite dans votre page un bouton qui simulera le bouton Page Suivante du navigateur
  18. Visualisez votre page et apportez des modifications au besoin.