Carga de web sin salir

mariomon17 · #1 (**permalink**) 20/04/2011, 19:05

Hola a todos, veo como paginas web como tuenti.com en las que cuando abres alguna pagina sale arriba a la derecha una imagen de carga y cuando termina de cargarse aparece el contenido sin haberse salido y vuelto a entrar, no se si me explico bien.

Esto como esta hecho?

Un saludo a todos.

PD: lo pongo en JavaScript porque supongo que tendra algo de esto...

Naahuel · #2 (**permalink**) 20/04/2011, 21:19

Esa tecnología se llama AJAX:
http://es.wikipedia.org/wiki/AJAX

Podés encontrar muchos tutoriales gugliando un poco :P

mariomon17 · #3 (**permalink**) 21/04/2011, 09:13

Si, si conozco AJAX de hecho trabajo con ella (a pequeña escala).
Pero cuando trabajas con AJAX y cargas de manera asincrona otra "pagina" en un div (por ejemplo) no cambia la barra de direcciones. Sin embargo en lo que me estoy referiendo si que cambia la barra de direcciones, pero aun asi funciona como si fuera AJAX (con su iconito de cagando).

Un saludo :)

salbatore · #4 (**permalink**) 21/04/2011, 11:22

Hola,

No uso Tuenti, no se si te he entendio bien, pero creo que ya se de que hablas. Lo que quieres decir, es como demonios hace poco algunas webs cambian la url de la web sin cargar.

Es decir, como cuando cargan algo con ajax, para hacer constar que lo han cargado cambian la url. El caso es que lamentablemente es una nueva funcion del HTML5.

Actualmente... bueno... en los navegadores actuales, menos alguno, y los viejos, solo puedes añadir a la url parches tras la #.

Yo lo pregunte hace poco.

http://www.forosdelweb.com/f13/cambi...r-hace-897590/

No se si era eso... :P.

Si lo que quieres decir... es que simplemente aparece el cargador... es que tienen un iframe oculto.

:P

Hasta otra.

mariomon17 · #5 (**permalink**) 21/04/2011, 15:04

Si, me referia a eso

Pues es curioso el sistema, vaya! Voy a informareme un poco mas.

Un saludo y gracias por la respuesta ;)

mariomon17 · #6 (**permalink**) 22/04/2011, 08:00

Me he fijado bien en Tuenti y no utilizan HTML5, lo que cambian es a partir de #

raxper · #7 (**permalink**) 27/04/2011, 11:49

Código Javascript:

Ver originalwindow.onload=function(){loading.style.display="none"
if(loading.style.display=="none"){contenido.style.display="block"}}

Código HTML:

Ver original<div id="loading" align="center">Cargando, por favor espere</div>
<div id="contenido" align="center">
<iframe scrolling="no" frameborder="0" src="http://librosweb.es" width="100%" height="100%"></iframe>
</div>

InKarC · #8 (**permalink**) 27/04/2011, 21:19

Sip, con IFRAMES en muchos navegadores también se puede (cambiando solo el atributo src), pero tuenti.com lo hace igual que Gmail; Es Ajax usando hashs ( o info luego de un signo numeral #); el plugin history de jQuery es el que utilizo para hacer esto (http://tkyk.github.com/jquery-history-plugin/)

No lo han mencionado aca pero eso de cambiar la url (usar # hashs #) es principalmente para que el botón de 'atras' del navegador siga funcionando retornando la pagina al estado previo (antes de la ultima peticion Ajax)

livemusic · #9 (**permalink**) 27/04/2011, 22:20

haber haber, aclarando las cosas vistas,, no es hashs si no es hash..

aca un ejemplo que pude desarrollar, usando hash y jquery ...

http://aragoneventos.com/