[Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
Eddie
cartilagosangriento en gmail.com
Mar Mayo 5 18:30:33 UTC 2009
Hola Alejandra
Recientemente estuve lidiando con algo muy similar en un proyecto y me salió
esto:
***************JQ******************
<script type="text/javascript">
$(document).ready(function(){
$("#portlist a").each(function(){
var href = $(this).attr("href");
$(this).click(function(){
$("#portlist a").removeClass("pactive");
$(this).addClass("pactive");
$("#portfolio").load(href, function(responseText, textStatus,
XMLHttpRequest)
{if(textStatus == 'error') {$('#portfolio').html('<h3>There was
an error loading this request</h3><p>Please, notify me if this text
appears</p>');}}
).show('slow');
$(this).attr({ href: "#portfolio"});
});
});
});
</script>
***************HTML******************
<ul id="portlist">
<li><a href="portfolio/ab_ca.html">Abstraction Cafe</a></li>
<li><a href="portfolio/heisco.html">Heisco</a></li>
<li><a href="portfolio/straw.html">Strawberry
Jewelry</a></li>
<li><a href="portfolio/carpet.html">Carpet Land</a></li>
<li><a href="portfolio/hilton.html">Hilton</a></li>
<li><a href="portfolio/error.html">MTC</a></li>
</ul>
<div id="portfolio">
<img src="images/img_big.png" class="big" />
</div>
*********************************************
Disculpa el reguero, es que no soy muy organizado haciendo esto ;-)
Cada vínculo llama un html dentro de #portfolio, eliminando el contenido
anterior.
Además, le agregué la clase "pactive" a los vínculos al hacer click.
También le puse un texto de error para cuando no encuentra el vínculo, pero
esto solo me funciona en IE. Si alguien sabe cómo hacerlo funcionar para
otros navegadores que lo diga por acá :-)
Espero que con esto resuelvas algo.
Un saludo
--
Eddie
Más información sobre la lista de distribución Ovillo