• Lunes 18 de Noviembre de 2024, 08:40

Autor Tema:  Navegación completa en ajax  (Leído 2684 veces)

zeuslife

  • Nuevo Miembro
  • *
  • Mensajes: 21
  • Nacionalidad: es
    • Ver Perfil
    • http://www.thedomyworld.com
Navegación completa en ajax
« en: Lunes 16 de Mayo de 2011, 14:20 »
0
Buenas a todos!!

No sé si conocéis la red social Tuenti.com, muy famosa en España. Pues bien, esta web me resulta increible por su navegación completamente en ajax, y me gustaría saber que métodos usan para poder hacer ciertas cosas. Me explico:

Una vez logueado, se realiza dentro de lo que sería un div que ocupa toda la página, una carga de lo que sería la interfaz principal. Pues bien, esta, aunque navegues entre páginas, no pierde por ejemplo las ventanitas de chat que puedas tener abiertas, por lo que intuyo que toda la navegación se hace dentro del div principal. Pero, y aquí mi duda, cuando el usuario va de página en página, o de sección en sección de la web, la url en el navegador se actualiza. ¿¡¡Cómo es esto posible si la navegación se realiza vía ajax!!?

Me gustaría saber como se hace toda la integración web dentro de un mismo div, el poder navegar entre páginas mediante ajax pero cambiando la url, y como poder mantener las ventanitas de chat.

Muchas gracias a todos :)

fonsi3

  • Miembro activo
  • **
  • Mensajes: 95
    • Ver Perfil
Re: Navegación completa en ajax
« Respuesta #1 en: Lunes 16 de Mayo de 2011, 18:38 »
0
Eso es porque de seguro si te fijas en la barra de direccion debe aparecer un # (numeral signo o tambien llamado hash signo), cuando aparece eso, el navegador no actualiza, por defecto el navegador piensa que lo que sigue despues del # es el nombre de un id o name de algun elemento en el DOM y al encontrarlo te hace una especie "scrollIntoView".

Existe un excelente plugin para jQuery llamado Hashchange que hace mucho mas sencillo el uso de esta funcionalidad.
Cha che chi cho chu buenichimo!
http://mensoscripts.com

Links de interes: HTML | CCS2~CSS* | PHP
Indispensables tools]Firebug[/url] | Web Developer | FireFTP | Live Headers