Scroll in basso Chat

Scroll in basso Chat postato il 29/03/2013 08:25:07 nel forum programmazione, gdrcd, open source, hosting

Buongiorno a tutti,

avrei un piccolo problemino che non sono riuscito a risolvere, ho creato una chat con refresh jquery e fin qui nessun problema, il problema però sta nello scroll che se lascio così come vi farò vedere funziona senza problemi ma se lo tolgo oppure utilizzo la funziona scroll di jquery non segue l'ultima frase in basso della chat. Vi chiederete, se va bene allora qual'è il problema? Il problema è che con Chrome, IE e Opera al refresh per un secondo la chat si refresh prima facendo comparire lo sfondo bianco poi carica dall'alto al basso ma è fastidioso perchè finchè non c'è scroll non è un problema ma quando ci sono più frasi è molto fastidioso, cosa dovrei fare per risolvere questo problema?

Ecco la chat attuale:

<!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" />
<title>Chat</title>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
setInterval(function() {
$("#refresh").load(location.href+" #refresh>*","");
}, 1000);
</script>

</head>
<body onload="refresh();">

<div align="center" id="refresh">

<div class="chat" align="left">

<?php
echo $while_della_chat;
?>
</div>

</div>

<script>
var h = 0;
try {
h = parent.chatview.document.body.offsetHeight + 1000;
}
catch(e) {
h = 0;
}
parent.chatview.scroll (0, h);

window.setTimeout("document.location='chat.php?l=1'", 10000);

</script>

</body>
</html>

Per motivi di sicurezza ho solamente rimosso le varibili php e le query, tutto il resto è rimasto invariato.

Grazie a tutti per l'aiuto.