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<div align="center">
<div id="vercont">
<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-->
</div>
</div>
este es el script que muestra la conversacion, por si es necesario para encontrar la solucion:
Código Javascript
:
Ver originalfunction refreshDivs(divid,secs,url)
{
// define our vars
var divid,secs,url,fetch_unix_timestamp;
// Chequeamos que las variables no esten vacias..
if(divid == ""){ alert('Error: escribe el id del div que quieres refrescar'); return;}
else if(!document.getElementById(divid)){ alert('Error: el Div ID selectionado no esta definido: '+divid); return;}
else if(secs == ""){ alert('Error: indica la cantidad de segundos que quieres que el div se refresque'); return;}
else if(url == ""){ alert('Error: la URL del documento que quieres cargar en el div no puede estar vacia.'); return;}
// The XMLHttpRequest object
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Tu explorador no soporta AJAX.");
return false;
}
}
}
// Timestamp para evitar que se cachee el array GET
fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
var timestamp = fetch_unix_timestamp();
var nocacheurl = url+"?t="+timestamp;
// the ajax call
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(divid).innerHTML=xmlHttp.responseText;
setTimeout(function(){refreshDivs(divid,secs,url);},secs*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
// LLamamos las funciones con los repectivos parametros de los DIVs que queremos refrescar.
window.onload = function startrefresh(){
refreshDivs('div1',1,'div1.php');
}
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...