Scroll in basso Chat
Scroll in basso Chat postato il 29/03/2013 08:25:07 nel forum programmazione, open source e 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.
Pagine → 1
30/03/2013 13:25:16
Ricreato interamente il sistema Chat, adesso funziona tutto. La Discussione si può chiudere.
30/03/2013 22:38:07
In caso a qualcuno servisse, noi abbiamo risolto questa problematica con il .scrollTop () di JQuery :)
http://api.jquery.com/scrollTop/ ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
Storie di Agarthi ↗
Wuthering Waves ↗
CRSED: F.O.A.D. ↗