Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/12/2011, 23:24
Avatar de waldragon
waldragon
 
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 13 años, 11 meses
Puntos: 55
Pregunta Enviar la barra del scroll hacia abajo

Buenas, estoy haciendo un chat, y muestro los comentarios de los usuarios en un div que tiene 350px de alto, cuando se llena ese alto por el texto ingresado, todo lo nuevo o lo que "sobra" se va ocultando y muestra la barra de scroll, hasta ahi todo bien, pero como envio la barra siempre hacia abajo, para que se vea por defecto el texto que esta en esa posicion? aqui les muestro como esta el div que muestra el contenido:
Código PHP:
Ver original
  1. <div align="center">
  2. <div id="vercont">
  3. <div id="div1"></div><!--en este div se muestra lo que escriben los dos usuarios que estan charlando, para eso utilizo un js que muestra en su interior, el contenido de otro archivo, el cual descarga la conversacion de estos usuarios, y el mismo script hace que el contenido se actualice cada tres segundos-->
  4. </div>
  5. </div>

este es el script que muestra la conversacion, por si es necesario para encontrar la solucion:
Código Javascript:
Ver original
  1. function refreshDivs(divid,secs,url)
  2. {
  3.  
  4. // define our vars
  5. var divid,secs,url,fetch_unix_timestamp;
  6.  
  7. // Chequeamos que las variables no esten vacias..
  8. if(divid == ""){ alert('Error: escribe el id del div que quieres refrescar'); return;}
  9. else if(!document.getElementById(divid)){ alert('Error: el Div ID selectionado no esta definido: '+divid); return;}
  10. else if(secs == ""){ alert('Error: indica la cantidad de segundos que quieres que el div se refresque'); return;}
  11. else if(url == ""){ alert('Error: la URL del documento que quieres cargar en el div no puede estar vacia.'); return;}
  12.  
  13. // The XMLHttpRequest object
  14.  
  15. var xmlHttp;
  16. try{
  17. xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
  18. }
  19. catch (e){
  20. try{
  21. xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
  22. }
  23. catch (e){
  24. try{
  25. xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  26. }
  27. catch (e){
  28. alert("Tu explorador no soporta AJAX.");
  29. return false;
  30. }
  31. }
  32. }
  33.  
  34. // Timestamp para evitar que se cachee el array GET
  35.  
  36. fetch_unix_timestamp = function()
  37. {
  38. return parseInt(new Date().getTime().toString().substring(0, 10))
  39. }
  40.  
  41. var timestamp = fetch_unix_timestamp();
  42. var nocacheurl = url+"?t="+timestamp;
  43.  
  44. // the ajax call
  45. xmlHttp.onreadystatechange=function(){
  46. if(xmlHttp.readyState==4){
  47. document.getElementById(divid).innerHTML=xmlHttp.responseText;
  48. setTimeout(function(){refreshDivs(divid,secs,url);},secs*1000);
  49. }
  50. }
  51. xmlHttp.open("GET",nocacheurl,true);
  52. xmlHttp.send(null);
  53. }
  54.  
  55. // LLamamos las funciones con los repectivos parametros de los DIVs que queremos refrescar.
  56. window.onload = function startrefresh(){
  57. refreshDivs('div1',1,'div1.php');
  58. }

espero que puedan ayudarme, es lo ultimo que me falta para terminar mi chat, luego un poco de estilo, y listo, lo presento en la seccion correspondiente, GRACIAS...