BlueGEEK Journal

Accueil > Manip’s > HTML > HTML : Redirection de page WEB

HTML/JavaScript

HTML : Redirection de page WEB

BODY/Onload->location.href

dimanche 18 décembre 2005, par bluegyn_spip

Comment rediriger automatiquement une page vers une autre



EFFET

  • Un lien pointe vers une page qui a changé d'adresse
  • Vous voulez que quand l'utilisateur clique sur l'ancienne adresse, il soit redirigé automatiquement vers la nouvelle.

PRINCIPE

  • Le chargement d'une page lance AUTOMATIQUEMENT l'évènement onload
  • Le code javascript intercepte cet évènement et le redirige automatiquement vers l'instruction  location.href d'ouverture d'une autre page de son choix.

MISE EN OEUVRE

  • L'ancienne adresse contient une page qui portera uniquement cette mention
    • Patientez, chargement en cours...
    • (Car le chargement de la seconde page prend une fraction de seconde)
  • La Balise BODY de cette page passerelle, capte l'évènement "Chargement" par l'argument  onload
    • Auquel on attache l'instruction d'ouverture de la nouvelle page
      • 'window.location.href="http://adresse_nouvelle_page.html"'

CODE HTML

<html>
<head>
</head>

<body onload='window.location.href="http://bluegyn.com"'>

Page en cours de chargement...

</body>
</html>

- Veillez au double guillemettage " " dans ’ ’ soit ’ " " ’

- ATTENTION :

  • Instructions strictement en minuscules
  • Pas de POINT VIRGULE en fin de ligne