[Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
alejandra.j.gomez en gmail.com
alejandra.j.gomez en gmail.com
Lun Mayo 4 04:14:50 UTC 2009
Hola chicos, volviendo al tema del asunto, busque por todos lados algo y
encontre una libreria que hace justo lo que quiero, clickear en un link y
que se abra en un div, dentro de la misma pagina, sin recargar cabeceras, y
demas.
El tema es que en el ejemplo que dan en la pagina de cristalab (
http://www.ryuz.es/jqe/experiment.html) funciona perfecto, pero a mi los
links me los toma como links comunes abriendo otra pagina distinta, no como
deberia ser, abrir en la misma pagina dentro de un div
Este es el codigo de la libreria:
<script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var emi = "#nav a"; //Emisor
var rec = "#show"; //Receptor
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
var href = $(this).attr("href"); //Guardamos el vaolor de
href de cada enlace.
$(this).click(function(){ //Cargamos en rec el
contenido de cada href y le damos efectos.
$(rec).hide().after(pre).load(href, function()
{$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se
redireccione.
});
});
});
</script>
Y aqui es donde lo puse y no funciona
HTML:
<h2>Torneos en el club:</h2>
<div><ul id="nav">
<li> <a href="torneos2009.html"><span>Torneos 2009</span></a></li>
<li> <a href="calen2008.html"><span>Torneos 2008 -
Anuario</span></a></li>
<li> <a href="mejorestorneos.html"><span>Mejores
Torneos</span></a></li>
</ul></div>
<div id="show"> Texto </div>
Tengo bajada la libreria y en la misma carpeta que la pagina asi que no se
porque no funciona, preciso del conocimiento de todos ustedes, y de paso tal
vez le sirva a alguien mas
Alejandra
Más información sobre la lista de distribución Ovillo