Skip to content

Re-direccionando con php, html y javascript, muy sencillo

noviembre 24, 2010

Si tienes la necesidad de dirigir a un usuario de una página a otra, porque cambiaste de servidor o de nombre de dominio o simplemente porque tu programación así lo requiere, pues en este artículo te describo como puedes re-direccionar con php, html y javascript de forma muy sencilla.

Con este artículo aprenderás como puedes direccionar hacia otra página utilizando html, o si lo prefieres también lo puedes hacer con php (que también aparece en este artículo)  o bien lo puedes hacer con javascript. Con html y con javascript puedes ponerle tiempo para que te envíe a otra página, por ejemplo: si necesitas mostrar información antes de que te re direccione lo puedes hacer dándole un delay (a un tiempo determinado te re-direcciona).

Veamos pues cuales son las líneas de código para cada uno:

En el caso de utilizar html lo podemos utilizar en el tag META, como en el siguiente ejemplo:

<html>
<head>
<meta http-equiv=”Refresh” content=”5;url=https://programarenphp.wordpress.com”>
</head>
<body>
Esta forma te redirecciona ala pagina contenida en url pasados cinco segundos
</body>
</html>

Este ejemplo refresca en la misma ventana el url que hayas anotado en el tiempo que pongas en content (este tiempo es en segundo), en el ejemplo espera 5 segundos luego te redirecciona.

Otra forma que habíamos mencionado es en php, y el código para lograrlo es:

<? php
header (“Location: https://programarenphp.wordpress.com”);
?>

Con este código logramos re-direccionar de forma instantánea sin aviso alguno. Y por último con el javascript lo logramos gracias al siguiente código:

<html>
<body>
<script type=”text/javascript”>
window.location=”https://programarenphp.wordpress.com”;
</script>
</body>
</html>

Este código re-direcciona sin esperar, ahora si requieres que tome unos segundos antes de enviarte a otra página lo puedes hacer con el siguiente código:

<html>
<head>
<script  type=”text/javascript”>
function envia(){
window.location=”https://programarenphp.wordpress.com”;
}
setTimeout(“envia()”,3000);
</script>
</head>
<body>

Esta forma te re-direcciona a la pagina contenida en url pasados tres segundos

</body>
</html>

La función setTimeout ejecuta la acción pasado el tiempo indicado (el cual es en milisegundos), en este caso llama la función envia que contiene la página a la cual queremos que nos dirija.

Bueno eso es todo por este artículo, selecciona el método que mas te convenza y sirva, utilízalo en tu proyecto y sigue adelante. Recuerda que una forma de agradecer es comentar, así que me estoy pendiente de tus comentarios, dudas y frustaciones al programar en php, yo personalmente estaré leyendo y contestando.

Atte, tu amigo:
Salvador López.

 

From → inicial, Tips

6 comentarios
  1. Yesica Jc permalink

    Hola quiero direccionar de un php a un htlm como le hago estes e smi programa no se creo que esta mal mi codigo esto es para un password.php
    ayudenme…

    Pagina privada

    ACCESO RESTRINGIDO
    Verifique su usuario y password

    • Hola Yesica, lo que podrias hacer es utilizar javascript asi:
      echo “window.open(‘la_pagina_a_abrir.html’,’_self’,”);”;
      Lo que hace linea es mediante codigo javascript enviarte a la pagina que deseas abrir, donde dice “_self ” puedes cambiarlo por “_blank” dependiendo si deseas abrir la nueva dirección en esa misma página o en otra nueva.

      Ahora si no le he dado al clavo, pon el código php con el que deseas direccionar para ayudarte mejor.

  2. Yesica Jc permalink

    Hola tengo una duda quiero direccionar de un php un htlm como lo hago este es mi programa : Esta mal el código?? o ayudame.. gracias:)

    Pagina privada

    (AQUI NO SE COMO DIRECCIONAR)

    ACCESO RESTRINGIDO
    Verifique su usuario y password

  3. Ronald permalink

    Lo siento, corrigiendo, si me ha funcionado lo del tag pero hay q tener cuidado con las mayusculas y minúsculas, acá te dejo como va exáctamente, o como por lo menos me ha funcionado a mi:

    Gracias! me fue muy util tu aporte! 😉

    • Primero que nada gracias por tu comentario y es correcta tu observacion, si no te funciona el ejemplo html como está, puedes cambiar la linea meta como sigue:

  4. Ronald permalink

    Hey! hola! pues te cuento, no me funciona ninguna de las tres :S :S si pudieras pegar acá el código dentro del html o el html donde funcione, lo agradeceré.

    Saludos!

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: