Afrontar chat en JS

kraneok

Hola, estoy haciendo un chat y ya tengo la mayoría de las cosas mas o menos hechas, llegado a este punto dejé para el final uno de los problemas con los que me encontré, este problema es que no tengo ni idea de como hacer que en la ventana del chat aparezcan las nuevas líneas por abajo y no por arriba.

¿ Podréis arrojarme algo de luz ?, gracias y saludos.

PiradoIV

¿Te refieres a que cuando aparezca la nueva linea abajo, la ventana haga scroll?. ¿Usas jQuery, prototype o algo?.

1 respuesta
HaxeR

No se si lo estas haciendo con Jquery, pero en teoría solo tendrías que escribir los nuevos mensajes al final del contenedor donde los muestres. Mírate esto a ver si te ayuda:

http://api.jquery.com/append/

1 respuesta
kraneok

#2 #3
Estoy usando jQuery y de contenedor tengo un UL y lo que el jQuery me crea por cada línea es un hijo LI.

Decir que el UL es de dimensión fija en px y que en el style .css tiene overflow: scroll.

HaxeR

Y esto no te valdría?

 $("selector_del_ul").append("<li>Nuevo mensaje del chat</li>");

No se si esto ya lo tienes resuelto o lo que quieres es que te haga el scroll automatico... :yawn:

1 respuesta
kraneok

Voy a probar xd
#5 Nada, me lo mete, pero arriba xDD, es curioso como algo que aparentemente es simple te puede hacerte comer la cabeza tanto xdd.

#5 No, lo que falla aquí es que no se como hacer que el texto aparezca de abajo hacia arriba y no viceversa.

1 respuesta
PiradoIV

#1 Ahí llevas una pequeña demo :)

http://pastebin.com/qLHsCTL6

1 respuesta
PiradoIV

#6 Si te refieres a que los mensajes nuevos salgan arriba (¡explícate! xD), usa prepend, en vez de append

1 respuesta
kraneok

#7 Gracias, voy a estudiarlo a ver que saco en conclusión xdd
#8 A ver, xdd, usas tuenti por ejemplo?, si lo usa, en el chat de tuenti puedes ver que lo que se va escribiendo va de abajo en la ventana de texto hacia arriba en la ventana de texto.

Lo has entendido ya? xDDDD

PiradoIV

Dejo subida la última versión aquí:
http://www.piradoiv.com/mvdemos/459547/

2 respuestas
kraneok

#10 Exacto!, eso es!!!!!, muchas gracias, voy a estudiar ese que el anterior tenía bastantes fallos xDDD, un saludo y gracias de nuevo!

PiradoIV

Si lo quieres al revés:
http://www.piradoiv.com/mvdemos/459547/2/

Menuda manera de explicarte xD

1 respuesta
kraneok

#12 Dios, si lo he explicado varias veces, jajajaja, pero nada, con el código de #10 me va de lujo para ver como lo haces.

Gracias men.
Por cierto, yo también estoy aprendiendo a usar Canvas pero con Three.js, si quieres un día nos ponemos a hacer un indie por hacer algo, si te interesa claro.

Un saludo.

PiradoIV

A ver si saco tiempo más adelante, que ando con otros proyectos :-/

Usuarios habituales

  • PiradoIV
  • kraneok
  • HaxeR