Вызов функции после изменения данных

[nematod]

Здравствуйте.
Зациклился на проблеме. Делаю чат.
Всё сообщения вывожу с помощью php, а новые подгружаю с помощью ajax. Вот код:

$(document).ready(function(){
	var messageList = $(\".content_mes > p\");
	function updateShoutbox(){
		$.ajax({
			type: \"POST\", url: \"blocks/shoutbox.php\", data: \"action=update&id=".$id."&id_mes=".$last_id."\",
			complete: function(data){
				messageList.html(data.responseText);
				messageList.fadeIn(\"fast\");
			},
		});
	}
	setInterval(function () {updateShoutbox();},5000);
});

Результат вывожу в блок div со скроллингом.

Проблема вопроса: Нужно перемещать скроллинг вниз после того как добавилось новое сообщение.

Код скролинга (возможно тоже не совсем верно):

$(\"div#scroll\").scrollTop(100000);

Буду очень признателен за любые мысли.

[Skipp]

$(\"div#scroll\").animate({scrollTop: this.scrollHeight}, 'slow');
так интереснее будет.

scrollTop это свойство а не функция
document.getElementById('scroll').scrollTop = 100000;

[nematod]

$(\"div#scroll\").animate({scrollTop: this.scrollHeight}, 'slow');
так интереснее будет.

scrollTop это свойство а не функция
document.getElementById('scroll').scrollTop = 100000;

$(\"div#scroll\").animate({scrollTop: 10000}, "slow");

Согласен, медленная прокрутка смотрится лучше.

scrollTop это свойство а не функция
document.getElementById('scroll').scrollTop = 100000;

Я понимаю, в этом-то и проблема, мне нужна функци которая будет срабатывать при изменении подгружаемых данных, а scrollTop я загоняю уже в эту функцию:

function(){ $(\"div#scroll\").animate({scrollTop: 10000}, \"slow\");}

Как вызвать функцию при изменении подгружаемых данных?!

[Skipp]

знаете сколько людей похожих вопрос задаёт?)
почему бы просто не делать прокрутку там где добавляете данные зачем придумывать события, всё просто.

$(document).ready(function(){
	var messageList = $(\".content_mes > p\");
	function updateShoutbox(){
		$.ajax({
			type: \"POST\", url: \"blocks/shoutbox.php\", data: \"action=update&id=".$id."&id_mes=".$last_id."\",
			complete: function(data){
				messageList.html(data.responseText);
				messageList.fadeIn(\"fast\");
                $(\"#scroll\").animate({scrollTop: 10000}, \"slow\");
			},
		});
	}
	setInterval(function () {updateShoutbox();},5000);
});

это я примерно, может вам не туда надо вставлять её.

[Skipp]

чёрт и забыл совсем!
И не делайте так больше
$(\"div#scroll\") - тут вы делаете лишнею операцию
$(\"#scroll\") лучше намного.
id на странице 1 зачем вам искать все дивы а потом ещё перебирать их на наличие элемента с нужным id...
document.getElementById()
Эффективнее же чем

var divs = document.getElementsByTagName('div');
for(var i = 0; i<divs.length; i++)
     if(divs[i].getAttribute('id') == "scroll") alert("YUPpiii");

[nematod]

$(\"div#scroll\") - тут вы делаете лишнею операцию
$(\"#scroll\") лучше намного.

Спасибо за полезные советы.

Что касается прокрутки во время выполнения ajax запроса, я уже так пробовал, но тут возникает небольшая проблема:
пользователь не может прочитать предидущие сообщения, т.к. каждые 5сек(вместе с выполнением ajax) скролл падает вниз((((

Было бы удобно, если бы ajax выполнялся при изменении данных))) Но тут мы возвращаемся к тому, с чего начали))) Беда... ))))

[Skipp]

не за что.
ну это уже вопросы юзабилити)

[nematod]

Я уже думал, может быть выполнять функцию при изменении размера блока div? Но что-т не работает, может не верно прописываю, я в скрипте ещё не силён(((

$(\"#scroll\").onResize(function(){ $(\"#scroll\").animate({scrollTop: 10000}, \"slow\");});

[Skipp]

какой блин onResize ? вы чего, сначала смотрели бы что это за событие.
просто проверяйте не увеличился ли scrollHeight( это высота елемента с прокруткой )

[nematod]

))))) Я ж говорю не силён в javascript
Да сейчас прочитал, вообще не в тему этот ресайс))

Такс, занчит щас буду мучить scrollHeight)))