[AJAX][MySQL][PHP] Unieruchomienie przewijania w czacie Opcje

[misterious]

Witam!
Spróbowałem napisać swój własny czat - wszystko działa perfekcyjnie, z jedną wadą: pasek przewijania (góra/dół) po automatycznym odświeżeniu (przez ajax) przewija się spowrotem do góry.

[HTML] pobierz, plaintext 
// Customise those settings
 
var seconds = 5;
var divid = "czat";
var url = "czat.php";
 
////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////
 
function czatdiv(){
 
// 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("Your browser does not support AJAX.");
return false;
}
}
}
 
// Timestamp for preventing IE caching the GET request
 
fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
 
var timestamp = fetch_unix_timestamp();
var nocacheurl = url+"?t="+timestamp;
 
// The code...
 
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(divid).innerHTML=xmlHttp.responseText;
setTimeout('czatdiv()',seconds*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
 
// Start the refreshing process
 
var seconds;
window.onload = function startrefresh(){
setTimeout('czatdiv()',seconds*1000);
}
[HTML] pobierz, plaintext 

Moje pytanie następujące: jak zrobić, aby pasek zostawał nienaruszony?

[nospor]

To nie pasek sie przewija, tylko Ty nadpisujesz calą zawartosc DIVa przez co zerujesz wszystko.

Po nadpisaniu scrolluj na sam dol. Ale i tu bedzie problem jesli ktos byl ze scrollem w srodku a nie na koncu to wowczas bedzie sie wkurzal ze mu scrolluje nonstop na dol (IMG:style_emoticons/default/smile.gif)

Bo to sie robi tak panie kolego: wiadomosci to sie dodaje nowe do tego co juz jest, a nie pobiera wszystko i za kazdym razem wszystko nadpisuje

[misterious]

Hehe (IMG:style_emoticons/default/smile.gif)
Jakaś podpowiedź z czego skorzystać? (IMG:style_emoticons/default/smile.gif)

[SmokAnalog]

Przede wszystkim warto użyć jakiejś biblioteki, np. jQuery - będzie i wiele łatwiej.

Czat powinien raczej działać na socketach, ale to trochę wyższa szkoła jazdy, więc póki co Ajax też da radę. Jeśli przechowujesz treść czatu np. w bazie danych, to możesz trzymać w sesji ID ostatniej odebranej wiadomości, albo przekazywać ją do pobieracza. Pobieracz zwraca tylko wiadomości, które są nowsze od tej o danym ID. Ty wtedy dodajesz odpowiednie elementy HTML do swojego diva.

[misterious]

Nawet nie pomyślałem że rozwiązenie może być tak proste (IMG:style_emoticons/default/biggrin.gif)
Dziękuję, przy tworzeniu nowego czatu wykorzystam to, a narazie zostawię tak jak jest (IMG:style_emoticons/default/smile.gif)