Приветствуем Вас на сайте!

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

Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"

Вход на сайт

Логин:

Пароль:

Вход

Войти по Логину и Паролю

О нас

Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!

Войти | Зарегистрироваться

Настройки

Анимация Шапки

Анимация Футера

Автообновление Чата

Автообновление Статистики

Звуковые Оповещения

Авто Подгрузка Материалов

Перезагрузите страницу

Обновление Like при оценке.

DEMO +

Всем привет, у uCoz есть рейтинг комментариев но нет авто обновления данного рейтинга при оценке. Не особа удобно согласитесь, сегодня это мы поправим. Данный вариант очень легкий и не имеет никаких get запросов для обновления!..

Установка:
1. В виде комментариев заменяем родной $GOOD_COMMENT_URL$ на:

Код

<?if($GOOD_COMMENT_URL$)?>
<a href="$GOOD_COMMENT_URL$" class="uR$ID$">
<i class="messages-like-ico" onclick="uCodesRate($ID$);"></i></a><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b>
<?else?><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b><?endif?>

2. Добавим базовое CSS (Под свой пишем свое):

Код

.messages-like-ico {
  background: url(http://ucodes.ru/public/img/b.png);
  background-position: -107px -269px;
  width: 12px;
  height: 10px;
  float: left;
  margin: 5px 10px 0px 0px;
  cursor: pointer;
  }
  .messages-like-num {
  float: left;
  margin: 3px 4px 4px 0px;
  float: right;
  color: #647d94;
  position: relative;
  z-index: 2;
  }

3. На Страницу материала и комментариев к нему (Во все модули) добавим js скрипт:

Код

function uCodesRate(id) {
var uRate = $('.uV'+id).text();
var uRall = Number(uRate)+Number(1);
$('.uV'+id).html(uRall);
$('.uR'+id).hide();
}

Данный скрипт вы можете установить в ваш js файл который будет на всех страницах, скрипт ставим в самый конец!.

P.S если хотите добавить звук при оценке то меняем пункт 3 на:

Код

$('body').append('<div class="uSound"></div>');
function uCodesRate(id) {
var uRate = $('.uV'+id).text();
var uRall = Number(uRate)+Number(1);
$('.uV'+id).html(uRall);
$('.uR'+id).hide();
$('.uSound').html('<audio src="http://ucodes.ru/public/n.mp3" autoplay></audio>');
}

Для оценки плохого комментария делаем все по аналогии меняя лишь переменные и атрибуты!...
Также вы можете добавить данную затею в наш предыдущий материал!...

При копировании материала указывать источник uCodes.ru либо MyBestStudio.ru

Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.

При копировании материала указываем источник ucods.3dn.ru

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.

Поделиться новостью в социальной сети.

Добавил: Best_Studio

Дата добавления: 17.02.2016 в 14:58 по МСК

Категория: Другие модули

Просмотров: 1077

Комментариев: 0

Эмоций:

Оценки читателей

ЗАКРЫТЬ

0 Лайк
0 Лавки
0 Ахахах!
0 Ого!
0 Восторг
0 Печаль
0 Грусняшь

Теги: user, Comment, auto, Bad, Like, +1, GOD, dislike, Rep

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]