Disculpeme la molestia talvez…
Esq, leí en uno de sus Post sobre la función Load(), en: Jquery, Json y Ayax (o algo por el estilo) pero, Mi interrogante de ahora tal vez le haya sucedido a algunos o sino, les pueda suceder mas adelante, en lo q va de diseñar y/o programar con el famoso Jquery. : )
Estoy haciendo una página web, en la cual quiero q; al darle click en cierto hipervínculo (<a> ó cualquier elemento); me cargue en un DIV una nueva página adherida (la cual contiene animaciones JQuery), todo eso en una sola página llamada “pagina1.html” . Pero no funciona bien ...
El código es el sgte:
“pagina1.html”:
*************************************************
<head>
<script type="text/javascript" src="../js/jquery.js"></script>
</head
<body>
<a class="ddd" href="#">MUESTRAME LA ANIMACION DE PAGINA2 EN EL DIV YOYO</a>
<div id="yoyo"> </div>
<script type="text/javascript">
$("a.ddd").click(function(){
$("#yoyo").load(
"pagina2.html"
)
})
</script>
</body>
*************************************************
Bueno, Quisiera que, en la “pagina1.html” me cargue la “pagina2.html” con unos efectos animados con JQuery lo cual los cogí desde esta página => http://css-tricks.com/revealing-photo-slider/ -en si cogí todo el archivo
, pero fue a modo para dejarme entender.Este es el código del “index.html” de la pagina que le comente antes, (por si no desean visitar esa pagina). Lo q hice hice fue solo cambiarle el nombre del archivo "index.html" al de “pagina2.html” su código es en sgte:
*************************************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-…
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Revealing Photo Slider with jQuery by CSS-Tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="page-wrap">
<h1>Revealing Photo Slider</h1>
<table><tr>
<td><div class="photo_slider">
<img src="images/mthood.jpg"/>
<div class="info_area">
<h3>Climbing Mt. Hood</h3>
<p><em>By: <a href="http://flickr.com/photos/kevinomar… O'Mara</a></em></p>
</div>
</div></td>
<td><div class="photo_slider">
<img src="images/baloon.jpg"/>
<div class="info_area">
<h3>Climbing Mt. Hood</h3>
<p><em>By: <a href="http://flickr.com/photos/kevinomar… O'Mara</a></em></p>
</div>
</div></td>
<td><div class="photo_slider">
<img src="images/lighthouse.jpg"/>
<div class="info_area">
<h3>Lighthouse Rays</h3>
<p><em>By: <a href="http://flickr.com/photos/nzdave/">…
</div>
</div></td>
<td><div class="photo_slider">
<img src="images/giraffe.jpg"/>
<div class="info_area">
<h3>Pucker up!</h3>
<p><em>By: <a href="http://flickr.com/photos/ucumari/"…
</div>
</div></td>
</tr></table>
</div>
<script type="text/javascript" src="js/photorevealer.js"></script>
</body>
</html>
*************************************************************************
Como ven… Si ejecuto solo la pagina2.html, esta todo OK, - realiza su efecto en perfecto estado- , pero si, lo ejecuto desde el link de la primera pagina -para q este dentro de la misma (ese q dice: MUESTRAME LA ANIMACION DE PAGINA2 EN EL DIV YOYO)-, Lo ejecuta como si no se hubiera hecho nada en JQuery -
=S … ¿que le fatla? ¿a que se debe de q no me muestra las animaciones Jquery en el div Yoyo?Por favor estaría extremadamente agradecido con Uds. si es q por ahí me brindan alguna pista, sugerencia, opinión , ayuda … nose, el cual me dirija a la solución.
Ya q mi propósito es una web al estilo acordeón y que; la misma no sea tan pesada puesto q al iniciarla sin el "Load()" me carga todos los divs y creo q, si hace eso, la pagina me va salir demasiada pesada ya q tiene 6 secciones (INICIO-PORTADA-COLUMNISTAS-LITERATURA-MUSICA-CINE-CONTACTO). Con el método Load() seria una efectiva solución a este inconveniente
Desde ya les estoy muy agradecido por su ayuda y por las grandiosas cosas q deja saber
Gracias
Saludos Cordiales
Carloz
