Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] mostrar info div

Estas en el tema de mostrar info div en el foro de Javascript en Foros del Web. hola cuando uno chatea en la mayoría de los chat, al escribir el texto y darle clic en el botón enviar mensaje, este mensaje aparece ...
  #1 (permalink)  
Antiguo 31/10/2013, 17:14
Avatar de kakashi20  
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 15 años, 2 meses
Puntos: 15
Exclamación mostrar info div

hola

cuando uno chatea en la mayoría de los chat, al escribir el texto y darle clic en el botón enviar mensaje, este mensaje aparece en la ventana del chat, pero si escribes otro mensaje aparece en la ventana del chat pero abajo del mensaje anterior.

si en la ventana del chat hay muchos mensajes, los mas actuales va apareciendo en la parte inferior y se muestra el scroll ( barra de desplazamiento ).

lo que quiero decir con todo esto, es como hacer para mostrar el mensaje actual debajo del anterior y cuando halla mucho mensajes se muestre la parte inferior con el nuevo mensaje.

lo único que intente es mostrar la conversación que traigo de un bd pero cuando hay muchos mensajes se activa el scroll pero me muestra es la parte superior mas no la inferior, osea me toca desplazar el scroll hacia abajo para leer el ultimo mensaje y eso es muy tedioso.

por eso pregunto, como hacen las ventanas de chat eso ?

espero haberme explicado

gracias por la ayuda
  #2 (permalink)  
Antiguo 31/10/2013, 22:36
Avatar de Lautaro_eb  
Fecha de Ingreso: mayo-2010
Ubicación: Bariloche, Argentina
Mensajes: 284
Antigüedad: 14 años, 6 meses
Puntos: 24
Respuesta: mostrar info div

Primero que nada, utilizando order by puedes lograr que los ultimos queden en la parte inferior y lo del scroll lo haces con javascript, aqui tienes el ejemplo.
http://www.forosdelweb.com/f13/coloc...-abajo-199015/
__________________
Mi emprendimiento: Software BRC
Youtube: Tutoriales de programación y electrónica.
  #3 (permalink)  
Antiguo 01/11/2013, 07:44
Avatar de kakashi20  
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 15 años, 2 meses
Puntos: 15
Exclamación Respuesta: mostrar info div

intento hacer lo de scroll asi como dice en ejemplo del enlace:

Código Javascript:
Ver original
  1. function bajar(){
  2. alert("entro");
  3. scrollTo(0,document.getElementById('div_conversacion').scrollHeight);
  4.  
  5.  
  6.  
  7. window.onload=bajar;
  8. }

pero no me funciona...
  #4 (permalink)  
Antiguo 01/11/2013, 10:00
Avatar de kakashi20  
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 15 años, 2 meses
Puntos: 15
De acuerdo Respuesta: mostrar info div

solucion

Código Javascript:
Ver original
  1. $("#div_conversacion").scrollTop(document.getElementById('div_conversacion').scrollHeight);

Etiquetas: info, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:28.