Интернет магазин шабонов
Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

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

Дата добавления: 23.12.2014 - 16:16
Добавил: Buger
Количество просмотров: 841
Количество комментариев: 0
Рейтинг материала: 5.0 / 2
Скрипт обновления блока комментариев без обновления страницы
БЕСПЛАТНО
Для скачивания файлов, необходима авторизация или регистрация на нашем ресурсе.
рейтинг 5.0
/
голосов 2
Небольшая но довольно полезная модификация для сайта, позволяющая по нажатию на специальную кнопку - обновить информацию в отдельном блоке (в данном примере блока с комментариями), без обновления всей страницы. Возможно какой-то колоссальной пользы скрипт и не несет, но недавно я сам понял что подобная фишка может быть весьма полезной, когда в комментариях начинается обсуждение чего-то и чтоб узнать о новом комментарии приходилось обновлять постоянно страницу, что может быть не очень удобно в принципе, а тем-более когда например медленный интернет.

На самом деле этот скрипт я сделал еще 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. Например у вас опять-же есть блок со случайными фотографиями, или любыми другими материалами, при нажатии на кнопу обновить - появятся совершенно новые случайные материалы. В общем принцип работы скрипта я думаю уловили, а уж как его использовать - решайте сами.

Источник: Не указан
Добавлять комментарии могут только зарегистрированные пользователи.