Ajax чат - проблема

[useruser]

Решил модернизировать свой Ajax чат.
Нужно обновлять контейнер с помощью ajax и показывать всегда низ обновляемой страницы.
Как на большинстве чатов. Новое сообщение - внизу. Следущее - появляется ещё ниже, контейнер (страница "аля фрейм" - чтобы понятнее было ) автопрокручивается вниз, отображая новые сообщения.

У меня есть 2 страницы.
1я страница - с ajax и контейнером. В контейнер подгружается 2я. Автообновление 10 секунд.

2я страница - сами сообщения. Уже выстроены в нужном порядке. Новое всегда внизу.

Проблема в том, что никак не могу заставить прокручиваться контейнер вниз, при добавлении нового сообщения.

Код 1й страницы (index.php), с контейнером.

<script type=\"text/javascript\" src=\"jquery.js\"></script>

<script>   
function show()   
{   

$.ajax({   
url: "posts.php",   
cache: false,   
success: function(html){   
$("#content").html(html);   
}   
});   
}   
$(document).ready(function(){   
show();   
setInterval('show()',10000); 


  
});   

</script>

2я страница (posts.php) - отвечает за вывод сообщений пользователей.

Что делал.
1) Добавлял в код 2й страницы скрипт автопрокрутки вниз, при её загрузке.
Результат - при открытии posts.php - страница прокручивается вниз.
При открытии index.php, (с контейнером, указывающим на posts.php) страница не прокручивается.

2) Добавлял в код 2й страницы скрипт автопрокрутки до якоря. Делал якорь в самом низу.
Добавил ссылку.
При щелчке по ссылке - страница прокручивается вниз, до якоря.
При открытии index.php, (с контейнером, указывающим на url: "posts.php#ancor", ) страница не прокручивается.

Подскажите, как решить данную проблему?

[Hekumok]

это

setInterval('show()',10000);

лучше делать так

setInterval(show, 10000) ;

[useruser]

setInterval('show()',10000);

Согласен, но сути вопроса не меняет.

Нужно автообновление ajax+автопрокрутка

[deivan]

scrollTop вам в помощь: Автоматическая прокрутка дива вниз

[dmitriymar]

При открытии index.php, (с контейнером, указывающим на url: "posts.php#ancor", ) страница не прокручивается.

угу . заначит идёт открытие страницы с анкором , в то время как блок с этим анкором подгружается аяксом после загрузки страницы.... не существует для браузера этого блока .

[useruser]

scrollTop вам в помощь: Автоматическая прокрутка дива вниз

Нет. Не работает. (

[useruser]

угу . заначит идёт открытие страницы с анкором , в то время как блок с этим анкором подгружается аяксом после загрузки страницы.... не существует для браузера этого блока .

Интересно то, что если убрать с первой страницы аякс и заменить на iframe, то 2я страница с JS кодом автопрокрутки будет отображаться в этом фрейме и автопрокручиваться вниз.
Разумеется, без аякса всё это выглядит ужасно.

А с аяксом не хочет. Хоть якорь используй, хоть другой JS код, на подгружаемой странице.

[deivan]

а нужен ли и-фрейм вообще?..
я когда-то делал чат, так у меня в диве с чатом все отменно крутилось вниз с помощью скроллТу при каждом добавлении параграфа с обновлениями..

[useruser]

а нужен ли и-фрейм вообще?..
я когда-то делал чат, так у меня в диве с чатом все отменно крутилось вниз с помощью скроллТу при каждом добавлении параграфа с обновлениями..

Можно код?
Я много не прошу.) И пример у меня простой, в плане кода.
2 файла. Первый с аякс, второй с запросом к бд и выводом сообщений.
Надо чтобы второй файл автообновлялся и прокручивался вниз.

Вот аякс код 1го файла.

<div id="content"></div> 
<script type="text/javascript" src="jquery.js"></script>
<script>   
function show()   
{   
$.ajax({   
url: "posts.php",   
cache: false,   
success: function(html){   
$("#content").html(html);   
}   
});   
}   
$(document).ready(function(){   
show();   
setInterval(show, 10000);  

});   
</script> 
</div>

Вот содержимое второго файла

$sql ="SELECT * FROM (SELECT * FROM `chat_messages` ORDER BY `id` DESC LIMIT 20) as `tmp` ORDER BY `id`";
$result=mysql_query($sql) or die(mysql_error());
$select_amt = mysql_num_rows($result);


for($select_amt; $select_amt>0; $select_amt--)
{.........и далее по тексту )

Всё работает, но как совместить и сделать автопрокрутку не знаю.

[useruser]

Up всё ещё актуально.