Регистрация    Войти
Авторизация

Скрипт обновления блока комментариев без обновления страницы

Скрипт обновления блока комментариев без обновления страницыСкрипт обновления блока комментариев без обновления страницы

Небольшая но довольно полезная модификация для сайта, позволяющая по нажатию на специальную кнопку - обновить информацию в отдельном блоке (в данном примере блока с комментариями), без обновления всей страницы. Возможно какой-то колоссальной пользы скрипт и не несет, но недавно я сам понял что подобная фишка может быть весьма полезной, когда в комментариях начинается обсуждение чего-то и чтоб узнать о новом комментарии приходилось обновлять постоянно страницу, что может быть не очень удобно в принципе, а тем-более когда например медленный интернет.

На самом деле этот скрипт я сделал еще 2 года назад, когда делал адаптацию фото-галереи BadFon для uCoz. Там он использовался в блоке со случайными фотографиями, и поскольку с комментариями принцип тот-же, я решил применить его для этой цели.


Установка скрипта

1. В шаблоне страницы полного материала найдите код $COM_BODY$ и замените его на:
<div id="recomb">$COM_BODY$</div>


2. В том-же шаблоне, в нужное место поставьте ссылку для обновления (с помощью стилей можете ее оформить как нужно):
<a href="javascript://" id="recurl">Обновить</a>


3. И последнее, все в том-же шаблоне, но в самом конце, перед закрывающим тегом body, поставьте сам скрипт:
<script type="text/javascript"> 
$('#recurl').click(function(){ 
random = Math.floor ( Math.random () * 9999 ); 
$.get('$REQUEST_URI$?'+random, function(data) { 
$('#recomb').html($('#recomb',data).html()); 
}); 
}); 
</script>


На этом все, если все сделано правильно - должно работать. Скрипт крохотный, поэтому никакого отягощения и вреда не несет. Посмотреть как он работает можно прям тут: откройте две вкладки с этой станицей, на одной добавьте комментарий, а потом перейдите на вторую - где его еще нет, и нажмите на кнопку обновить (она находиться в самом начале блока комментариев, найдете думаю) - он появиться!

Как я уже сказал, применить этот скрипт можно к любому блоку, при-чем не только в uCoz. Например у вас опять-же есть блок со случайными фотографиями, или любыми другими материалами, при нажатии на кнопу обновить - появятся совершенно новые случайные материалы. В общем принцип работы скрипта я думаю уловили, а уж как его использовать - решайте сами.

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  6-12-2014, 23:14   Просмотров: 1467   

Источник новости: fullweb.ucoz.ru

обновление блока, скрипт, js, комментарии, ucoz, Скрипт обновления блока, Скрипт обновления блока ucoz, обновления блока комментариев, обновления блока комментариев ucoz, комментарии, комментарии ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.