Niveau : DÉBUTANT (Consulté 24,628 fois) Compatibilité : Tous les navigateurs
Redirection et rafraîchissement et diaporama HTML
Avec la balise méta REFRESH
par Django (Oznog) Blais, Trucsweb (23 Octobre 2000)
La balise « REFRESH » est considérée comme une balise META (META TAG) mais elle est très particulière car elle permet de changer de page. Il y a deux façons de se servir de cette balise, soit en rafraîchissant la page soit en faisant une redirection. Comme toutes les balises META, la balise « REFRESH » doit être placée entre les balises de l’en-tête <HEAD> et </HEAD>. Il est préférable que la balise soit la première de votre document HTML, juste au dessous de la balise <HEAD>
Exemple de rafraîchissement. Rafraîchir une page peut, par exemple, être utilisé pour changer de bannière ou tout autre élément dynamique de la page. L’exemple suivant va rafraîchir votre page d’accueil à chaque 5 secondes.
La balise HTTP-EQUIV « REFRESH » à comme argument « CONTENT » qui contient le délais en seconde avant d'effectuer l'action et le URL qui contient la page à afficher après le délais. C'est donc dire que la page « index.htm » sera chargé après 5 secondes.
Exemple de redirection. La redirection est en général utilisée lorsqu’une page a déménagé en redirigeant le visiteur vers la nouvelle page. Vous pouvez aussi produire un effet très intéressant sans vous donner le mal de programmer un code complexe. Une série de pages peut être liée entre elles avec la balise « REFRESH » donnant ainsi l’impression que c’est le contenu de la page qui change. En affichant une image différente sur chaque page vous aurez un véritable diaporama. L’exemple suivant fait une redirection vers une seconde page et ainsi de suite jusqu’à la page 5 qui elle redirigera le visiteur vers la page 1. L’effet produira une boucle infinie entre ces pages. Le délais a été fixé à 60 secondes.
Dans votre document « page1.htm » <META HTTP-EQUIV="refresh" CONTENT="60; URL=page2.htm">
Dans votre document « page2.htm » <META HTTP-EQUIV="refresh" CONTENT="60; URL=page3.htm">
Dans votre document « page3.htm » <META HTTP-EQUIV="refresh" CONTENT="60; URL=page4.htm">
Dans votre document « page4.htm » <META HTTP-EQUIV="refresh" CONTENT="60; URL=page5.htm">
Dans votre document « page5.htm » <META HTTP-EQUIV="refresh" CONTENT="60; URL=page1.htm">
