Reemplazar contenido de un div(padre) desde el mismo contenido.

M4iku · #1 (**permalink**) 22/04/2012, 21:28

Hola, ayer aprendí a usar Jquery para cargar paginas a un div, pero ahora que me ocurrió una necesidad, no he podido encontrarle solución:

empiezo comentándoles que no se nada de Javascript, solo puedo manejarme por que la sintaxis es como la de C, bueno, tengo este codigo:

Código:

<script type="text/javascript">
     function cargarpag1(){
		var url="p2.php";
		if(url.length > 0){
		$("#center-column").load(url);
                }
	}
    </script>

bueno, este código esta contenido en una pagina "HIJO" que es cargada en el div llamado 'center-column' que es parte de la pagina "Padre".

lo que deseo es que después de cargar una pagina en ese div, esa pagina hijo, pueda llamar otra pagina que la reemplace en ese div.

desde ya gracias por leer.

emprear · #2 (**permalink**) 23/04/2012, 03:19

@M4iku
Tu explicación es algo confusa,
pagina padre, página hijo? Estás usando iframes?
suponiendo que no...
tenés un código que está en una página (hijo como vos decis) que es cargada en un div de otra (padre), pero... quien y como se carga?
Además que función cumple eso de condicionar la carga al length de la cadena?
Como sea la úinica interpretación más o menos lógica que puedo suponer es esta

load.html

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div id="center-column" style="width: 500px;height: 500px; border: solid 1px #000;">
cargar...
</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#center-column").load('fondo1.html');
});
//]]>
</script>
</body>
</html>

fondo1.html

Código HTML:

Ver originalContenido de fondo 1 <br />
cargar con link normal: <a href="fondo2.html">ver</a><br />
cargar con jquery load(): <a href="#" id="visor">ver</a>
 
 
<script type="text/javascript">
//<![CDATA[
 
$("#visor").click(function(event) {
$("#center-column").load('fondo2.html');
});
 
//]]>
</script>

fondo2.html

Código HTML:

Ver originalcontenido de fondo 2

Saludos

M4iku · #3 (**permalink**) 23/04/2012, 10:55

Una forma mas facil de explicarlo:

mediante el método Load de Jquery deseo cargar una pagina web, llamemosla "pag1.php" y ademas quiero que "pag1.php" pueda llamar otra pagina llamada "pag2.php" pero con la condición de que se reemplace en el DIV en donde fue llamado "pag1.php".

Desde ya, gracias.

emprear · #4 (**permalink**) 23/04/2012, 11:01

@M4iku

Si prestás un poco más de atención, el código que te pasé hace exactamente eso

una página carga fondo1.html (pag1.php)
en un div de id "center-column"
en esa página ya cargada, hay un link que carga fondo2.html(pag2.php) en ese mismo contenedor

Supongo que creaste los archivos y lo probaste, verdad? que es lo que no te funciona?

Saludos

M4iku · #5 (**permalink**) 23/04/2012, 12:03

Perdón y gracias, al parecer era solo por que tenia declarada una variable antes de todo lo que tenia que hacer, y esa declaración hacia un error en el método creado en Javascript, gracias.

y si, funciona.

p414 · #6 (**permalink**) 24/04/2012, 16:08

acuerdate de dar algo de carma a emprear que se esforzó en ayudarte

saludos