Решил модернизировать свой 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", ) страница не прокручивается.
Подскажите, как решить данную проблему?