Ir al contenido principal

Código php y javascript para redireccionar a otra página.

   Este post es para dar solución a uno de los problemas planteados en "Problemas que pueden surgir al recargar div contenedor". Así que os aconsejo que le hechéis un vistazo para saber de qué va la cosa.

   Esta puede ser una de las soluciones. Lo primero que tenemos que hacer es guardar en formato PHP esas páginas que queremos recargar dentro de nuestro div, ya que usaremos dicho lenguaje para solucionar el problema. Antes del código html tenemos que incluir el siguiente código:

<?php
if (!isset($_POST['primera'])) echo "<SCRIPT>location.href='index.html';</SCRIPT>";
if (isset($_POST['primera'])){
    if ($_POST['primera']!='no') {echo "<SCRIPT>location.href='index.html';</SCRIPT>";}
}
?>
<y a partir de aquí el código html que queremos mostrar>


   Explico un poco el código. La primera linea comprueba si no existe (!isset) la variable llamada 'primera' que a de ser recibida via POST. Si no existe quiere decir que se requiere la página desde fuera de nuestra web, entonces redirigimos al usuario (via javascript) hacia la página principal (index.html).
   La segunda linea comprueba si existe (isset) dicha variable. Si existe, comprobamos si su valor es diferente (!=, significa no es igual a) a no. Si es diferente, hacemos lo mismo (llevamos al usuario a index.html). En todos los demás casos no hacemos nada, o sea se carga el código html que escribimos a continuación.

   La varible 'primera' la uso como control y la tenemos que enviar desde el método load() que usamos para llamar al contenido, ya que si no, nunca veríamos el contenido que queremos recargar. Sería algo como: $('contenedor').load('index-2.php',primera:'no'). Es decir, mediante el método load() llamamos la página que queremos cargar dentro del div 'contenedor' y, a la vez, le enviamos una variable con un valor que leeremos con el código php descrito más arriba. Yo le doy el valor 'no' pero podéis usar un valor numérico o booleano. Post relacionado: leer variables con método $_GET.

Comentarios

Entradas populares de este blog

Leer un archivo XML con jQuery y javascript y modificar un HTML con su contenido

   Una manera muy interesante y fácil de modificar los textos de tu página web. Si, por ejemplo, tenemos una página donde cambiamos a menudo unas noticias que tenemos en el margen derecho, podríamos tener un código HTML como este:    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Manejar archivo XML</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="leerxml.js"></script> <link rel="stylesheet" href="estilos.css"> </head> <body> <h1>Titulo de la página</h1> <div id="derecha"> <div class="noticias"> <div class="prim

Recargar div con efecto de aparición suave (Fade In) en jQuery

  En este post continúo con el código que describí en el segundo post sobre cómo refrescar un div sin necesidad de refrescar toda la página, pero añadiéndole unas lineas para este se aparezca de forma suave. La página de ejemplo es http://www.talleresguadamia.com y el código es el que sigue: <script type="text/javascript"> $(document).ready(function(){    $("#contenido a").each(function(){       var href = $(this).attr("href");       $(this).attr({ href: "#"});       $(this).click(function(event){                  $("#contenido").css("display","none");          $("#contenido").load(href).fadeIn(700);        });    }); });; </script>   Podéis ver lo fácil que es. Hemos agregado sólo dos cosas:   - La linea  "$('#contenido').css('display','none')", que lo único que hace es cambiar la propiedad css "display" del div "#contenido&q

Código jQuery para ver una imagen al pasar el ratón sobre un enlace.

   Voy a explicar un código en jQuery , para que, al pasar el puntero del mouse sobre un enlace o, en este caso, sobre un texto cualquiera (sin necesidad de ser un enlace), se nos muestre una imagen cerca del enlace y que esta desaparezca al retirar el puntero del mouse (sin necesidad de hacer click sobre él). Podéis pensar que me estoy repitiendo con un anterior post. Casi que si. Pero la diferencia es que, en este caso, no sabemos donde estará situada la imagen. Es decir que, dependiendo de la situación de la pantalla donde esté el enlace o texto, allí se mostrará la imagen.    Vamos al grano. Primero el código en HTML:       <span class="enlace" title="hyneria.png">Hyneria</span>    Podéis ver que, en este caso, no se trata de un enlace. Le pongo el nombre de 'enlace' a la clase porque en el CSS le doy apariencia de enlace. Aquí lo importante es 'title' el cual contiene el nombre de la imagen que queremos mostrar (pod