Des fonctions bien pratiques !

Alors je vais essayer de faire court...

Donc comme dit précédemment, dans ce tuto, nous allons apprendre des fonctions Javascript qui peuvent se révéler utiles lors de la création d'un site web.
En effet, la plupart des sites web utilisent ces fonctions.

Elles pourront être utilisées un peu partout dans le site, ce qui les rend d'autant plus utiles ! Et comme pour toute fonction Javascript qui se respecte, on n'est pas obligés d'avoir le Javascript activé : cela ne gêne pas la navigation !

Oui, oui, j'y viens !
Nous allons voir :

• une fonction pour actualiser la page
• une pour se déplacer dans l'historique
• une pour fermer la fenêtre
• une pour ajouter automatiquement aux favoris le site, lors d'un clic sur un lien.

Pour cela nous allons devoir apprendre, ou voir, quelques objets de Javascript.

Voilà : maintenant, passons à l'apprentissage !

On va ici voir comment faire pour actualiser une page.
On va devoir utiliser l'objet location du navigateur.

Il sert à recharger la page. Je n'en sais pas plus.
Je sais aussi qu'il contient toutes les informations relatives à la page en cours, mais c'est tout.

Maintenant qu'on a l'objet, il nous faut la méthode.
On va utiliser reload. Ça veut dire recharger, pour les gens qui ne comprennent pas l'anglais. (Oui, il y en a.)
Voilà, j'ai tout dit ; donc maintenant, voici le code :
Code : JavaScript
Pas besoin de plus de code pour recharger la page en cours.
Que dire de plus ?
Je ne vois vraiment pas... Alors passons à la suite !

Cette fois, on va voir comment on fait pour se déplacer à partir d'une page.
Je suis certain que vous avez tous déjà utilisé le bouton "Précédent" ou le bouton "Suivant" de votre navigateur !
Eh bien pour faire cela, nous allons utiliser un nouvel objet (que vous avez peut-être déjà rencontré), l'objet history !
Cet objet permet, à l'aide de différentes méthodes, de se déplacer dans l'historique.

On va donc voir comment faire pour faire ces deux actions simplement en cliquant sur un lien !

Suivant

Comment faire pour aller à la page suivante avec l'objet history ?
Deux méthodes différentes.
La première, en se déplaçant avec la méthode go, et l'autre avec la méthode forward.
Ces deux méthodes ne s'utilisent pas tout à fait de la même manière, mais ont le même effet.
Voici deux exemples illustrant comment elles s'utilisent.

Exemple 1 :

forward
Code : JavaScript

Exemple 2 :

go
Code : JavaScript
Ces codes ne sont pas bien compliqués si vous les avez lus attentivement.
Vous pourriez même répondre vous-mêmes à la question suivante.
Eh bien la méthode go prend comme argument un nombre entier (positif ou négatif) qui déterminera le numéro de la page correspondant à l'URL désiré.
Simple, non ?

Précédent

Pour le bouton "Précédent", on a toujours deux façons de faire. Ce sont presque les mêmes que pour le bouton "Suivant". Seule la méthode forward va disparaître pour laisser place à la méthode... back, bien sûr ! On s'en serait presque doutés !
Voici un code avec la méthode back :
Code : JavaScript
Et un avec go :
Code : JavaScript
Comme vous pouvez le voir, go prend comme argument un nombre négatif, ce qui aura pour effet d'emmener le visiteur une page en arrière.


Voilà un code pratique avec les formulaires ! Et vous verrez que c'est sans aucun doute celui-là que vous utiliserez le plus !
Je vous laisse deviner pourquoi...

À présent, comment fermer la fenêtre avec un bouton ?
Juste pour que vous ayez une idée de ce à quoi ce code correspond, je vais vous donner un exemple.
Pour ceux qui ont connu le SdZ V2, quand vous corrigiez un Q.C.M., vous aviez à la fin un lien semblable à celui-ci, qui avait pour effet de fermer la fenêtre avec la correction. Eh bien voilà ce qu'on va réaliser ici ! (Ah, nostalgie quand tu nous tiens ! )


Comme toujours, d'un objet et d'une méthode.
L'objet window et la méthode close.
L'objet window indique que l'on va agir sur la fenêtre du navigateur. Et close qu'on va la fermer. (Non, pas se taire, fermer la fenêtre ! )
Avec cette petite explication, on peut donner le code.
Le voici :
Code : JavaScript
Encore une fois, je ne vois pas comment conclure autrement qu'en donnant le code...
Allons donc voir la prochaine et dernière partie !

Là, j'ai une mauvaise nouvelle, mais cela ne vous empêchera pas de lire cette sous-partie !
La nouvelle, c'est que ce code Javascript ne fonctionne que sous Internet Explorer 4 et plus.
Vous avez vu ?!! Internet Explorer gère quelque chose que Firefox ne gère pas !

Cette fois-ci, on va changer un peu. Je vais d'abord donner le code et ensuite vous l'expliquer.

Voilà le code :
Code : JavaScript

L'objet est encore window, qui signifie que l'on va agir sur la fenêtre du navigateur, external : ailleurs que sur le document, autrement dit sur les fonctionnalités du navigateur (en tout cas, c'est comme ça que je le comprends). addfavorite, ça signifie ce que ça signifie ! A savoir : "ajouter aux favoris" ! Et en paramètres, on a l'URL du site et ce que l'on va afficher dans les favoris (ou marque-pages pour Firefox -pour ceux qui ne connaissent que ça) : en général, on met le nom du site.

Eh bien c'est sur cette petite explication que s'achève la dernière partie de ce tuto ! J'espère que vous avez bien tout compris pour ajouter un site aux favoris. Si ce n'est pas le cas, relisez cette partie attentivement.