Re: [Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
Hola.
El sitio sería más accesible si pudiera funcionar incluso con javascript
desactivado.
Por lo que cuentas, no tienes que gestionar páginas enteras, sino resultados
de torneos (me imagino que serán unas tablas de datos). Aunque yo te
recomendé un gestor de contenidos, en este caso parece más lógico que
incluyas los resultados en una base de datos y los recuperes con lenguaje
del lado del servidor (por ejemplo, con php).
Saludos.
El 4 de mayo de 2009 6:14, alejandra.j.go...@gmail.com escribió:
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:
h2Torneos en el club:/h2
divul id=nav
li a href=torneos2009.htmlspanTorneos 2009/span/a/li
li a href=calen2008.htmlspanTorneos 2008 -
Anuario/span/a/li
li a href=mejorestorneos.htmlspanMejores
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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
Por si a alguien le interesa, ya resolvi el problema de que no funcionaba el jquery, las .html que quiero abrir, deben ser lo mas sencillas posibles sin demasiado adorno, entonces las abre bien, sino da cualquier cosa, ademas en local no funciona. Otro detalle, funciona en IE7 en FF y en safari, pero en IE6 no funciona para nada. Saludos Alejandra ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
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('h3There was
an error loading this request/h3pPlease, notify me if this text
appears/p');}}
).show('slow');
$(this).attr({ href: #portfolio});
});
});
});
/script
***HTML**
ul id=portlist
lia href=portfolio/ab_ca.htmlAbstraction Cafe/a/li
lia href=portfolio/heisco.htmlHeisco/a/li
lia href=portfolio/straw.htmlStrawberry
Jewelry/a/li
lia href=portfolio/carpet.htmlCarpet Land/a/li
lia href=portfolio/hilton.htmlHilton/a/li
lia href=portfolio/error.htmlMTC/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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
La pregunta puede sonar tonta, pero tienes el archivo 'jquery-1.2.1.pack.js'
y otra no tan tonta los enlaces que cargas están tu mismo domino?
El 4 de mayo de 2009 6:14, alejandra.j.go...@gmail.com escribió:
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:
h2Torneos en el club:/h2
divul id=nav
li a href=torneos2009.htmlspanTorneos 2009/span/a/li
li a href=calen2008.htmlspanTorneos 2008 -
Anuario/span/a/li
li a href=mejorestorneos.htmlspanMejores
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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
Hola Jorge! ambas es si, tengo el archivo y todas las paginas estan en el mismo directorio, solo lo probe en local, deberia probarlo on line? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] OT: Jquery que no anda (viene de: abrir un html en un div en la misma pagina)
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:
h2Torneos en el club:/h2
divul id=nav
li a href=torneos2009.htmlspanTorneos 2009/span/a/li
li a href=calen2008.htmlspanTorneos 2008 -
Anuario/span/a/li
li a href=mejorestorneos.htmlspanMejores
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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
