Hash #! como lo usa twitter

[McPinkY18]

Hola, estuve como funciona twitter y usa el hash para hacer consultas sin recargar toda la pagina es interesante alguien sabe como se logra esto?

[Panino5001]

Acá hay ejemplos rápidos de como hacerlo con hash (#): http://www.forosdelweb.com/f13/inclu...co-con-856838/
Con hashbang (#!) es exactamente lo mismo (la diferencia es sólo que Google lo sugiere como estandar, pero en cuanto a funcionamiento/realización no hay diferencias).

[McPinkY18]

ohh... muchas gracias ahora ya veo como es, mas tarde me hare una clase para esto ya que voy hacer un sistema privado en php y como son modulos que no van a indexar en web si no es un backend de una web, me gusto la forma en la que hace twitter asi que es con el location.hash :) muchas gracias, panino buscare la forma en que la pagina detecte al cambiar el hash en ie no jala el window.onhashchange

[IsaBelM]

justamente ese post era el que estaba buscando.
aquí tienes otro en el que se usa html5

[McPinkY18]

muchas gracias IsaBelM, sabes siel pushState funciona en ie7+ es que la aplicacion debe funcionar a partir de esa version muchas gracias igualmente a programar!

[IsaBelM]

no, html5 sólo admite ie9

[McPinkY18]

usar las funciones del objeto window [setInterval, o setTimeout] es legal para crear un listener que se ejecute cuando cambie el hash? o es ilegal...

[Panino5001]

Iniciado por McPinkY18

usar las funciones del objeto window [setInterval, o setTimeout] es legal para crear un listener que se ejecute cuando cambie el hash? o es ilegal...

Legal, Ilegal, a qué te referís?
No vas a ir preso por eso
No temporices con tiempos muy breves: 200 milisegundos estaría bien. También podés mirar cómo lo hacen twitter o grooveshark o algún otro
Otra opción sería poner un observer a los eventos onclick u onmousedown de document y a window.onload. Ya verás lo que más te convenga.

[McPinkY18]

ehmm ehmm ya me funciono :) que te parece esta solucion? http://phploverz.co.cc/hash/

no se mucho sobre javascript pero se le hace el intento, aun no lo e probado en ie 6 pero desde ie7 parece funcionar :P

[Panino5001]

Tiene buena pinta (muy jQuery los argumentos window y undefined )

[McPinkY18]

por el closure ? si lo uso en todo lo que hago igual que el doctype html es como una plantilla que hice para intype, con cls (closure) me crea el (function () {})();

dentro del metodo live pienso una peticion ajax, crees que esto provoque problemas de memoria es que pienso usarlo para todo el backend


jeje este es el editor (ctrl + space) http://phploverz.co.cc/hash/tmp043.png

[Panino5001]

No, no lo creo.
Igualmente, analizá la posibilidad de usar click u onmousedown en lugar del setInterval.
Y (seguramente lo harás así, pero por las dudas) usá innerHTML en lugar de creación de elementos DOM (es más rápido y es menos costoso en cuanto a recursos -no vi las últimas implementaciones de jQuery pero en las anteriores el método html de jQuery daba problemas justamente por añadir elementos al DOM en lugar de usar innerHTML-).

[McPinkY18]

:O me temia algo parecido, pero esos createElement(p) eran para probar, de todas formas ya veo que:

var val = '<p>12313123</p>';

node.innerHTML = val;

averiguare mas sobre ese tema, muchas gracias. tus respuestas me han sido de mucha ayuda hermano

PD: aunque tengo otras dudas que creo que no van relacionadas al hash, pero te las dire quizas tambien me ilumines, ejemplo:

Cuando estoy en twitter los mensajes se van juntando en un elemento html y lentonces esto lo hacen usando ajax? o como en facebook que si tu amigo publica algo actualiza en la pagina eso es muy bonito en realidad y creo que es util en las webs aunque no se si se eso se haec usando tambien temporizadores

[Panino5001]

Sí, en efecto, lo hacen con temporizadores. Cuando tengas oportunidad mirá esas páginas con firebug y la herramienta red, vas a ver cómo, a intervalos regulares, se producen requests para eso.

[McPinkY18]

uy interesante. gracias broer