Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

moreira.lucas

Problemas com barra de rolagem em chat

Por , em Javascript

Recommended Posts

moreira.lucas    0

moreira.lucas
Postado

Olá,

 

Sou completamente leigo no Ajax, mas acredito que seja a unica solução para meu problema

 

Estou tentando criar um sistema de chat, isso pelo fato de ser cabeça dura e não querer baixar um script.

 

Estou tendo dificuldades com a barra de rolagem dentro da DIV, ela teria que que ficar de forma automatica no fim para exibir a ultima mensagem.

 

Eu pesquisei varias formas de resolver isso envolvendo javascript e deu certo, toda vez que a pagina da o refresh a barra de rolagem vai até o fim...mas, ela faz o trajeto do topo da DIV até o fim.

'

Não há nenhuma maneira da barra de rolagem se fixar direto no fim da div depois do refresh?

 

Esta certo que esse "bug" é de segundos, mas receio pela banda do cliente e a quantidade de possoas que possa ter deixar a coisa pior.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="2" name="#rodape"> 
<title>Untitled Document</title>

<script>
window.onload = function(){
  var intervalo = setInterval("document.getElementById('rolardiv').scrollTop = 1000000;", 200);
}
</script>

</head>

<body>   
<div id="rolardiv" style='width:500px; height:200px; overflow:auto; border:solid 2px #009999'>
<?

require('../adm/con_avc.php');

$chat= "SELECT * FROM chat_msg";        
$query_chat = mysql_query($chat) or exit(mysql_error());       
while($chat = mysql_fetch_array($query_chat)){

$nick_msg        =$chat['nick_msg'];
$data_msg        =$chat['data_msg'];
$emo_msg        =$chat['emo_msg'];
$msg_msg        =$chat['msg_msg'];
$msg_msg2        =wordwrap($msg_msg, 70, "<br />\n", true);

echo"<div style='color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px'>$nick_msg - $data_msg</div>
    <div style='color:#006699; font-family:Arial, Helvetica, sans-serif; font-size:14px'>$emo_msg $msg_msg2</div><br><br>";
}

?>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito