La redirection d’une page internet, est le basculement automatique d’une adresse URL vers une autre adresse URL.

Si une page a changé d’adresse, par exemple, il est important que lorsque l’internaute la cherche à l’ancienne adresse, il puisse être redirigé automatiquement sur la nouvelle.

Il existe plusieurs techniques de redirection, notamment à l’aide du fichier .htacces, qui convient bien pour une redirection systématique.
Les redirections javascript sont plus appropriées si l’on veut afficher un message avant de rediriger l’internaute vers la nouvelle page, ou bien si l’on souhaite rediriger l’internaute que dans certains cas (par exemple, si l’utilisateur est connecté au site)

Fonction de redirection javascript simple

<script>
function RedirectionJavascript(){
  document.location.href="http://manouvellepage.com"; 
}
</script>

Exemple de redirection javascript sur événement onload

<html>
  <head>
    <script type="text/javascript">
      function RedirectionJavascript(){
        document.location.href="http://manouvellepage.com";
      }
   </script>
  </head>
  <body onLoad="setTimeout('RedirectionJavascript()', 2000)">
     <div>Dans 2 secondes vous allez être redirigé vers http://manouvellepage.com</div>
  </body>
</html>

L’utilisation ici de la fonction setTimeout() sur l’événement onload (sur chargement)de la page, permet de donner un délai de 2000 ms à l’internaute avant qu’il ne soit redirigé sur la page finale.

Exemple de redirection sur le click  d’un bouton (code HTML) 

<input name="bouton_terminer" type="button" value="Terminer" 
    onclick="document.location.href='http://manouvellepage.com'">

ou, si la fonction RedirectionJavascript() est déclarée sur la page :

input name="bouton_terminer" type="button" value="Terminer"
    onclick="RedirectionJavascript()">
0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.