Да или нет вместо рейтинга
2220
10 из 10
Проголосовало: 5
Проголосовало: 5
Вам надоел стандартный вид оценки материалов в виде этих звездочек, сердечек и так далее, хотите что-то новенькое, которое не мозолит глаза, тогда этот скрипт специально для вас, вы сможете поменять вид оценки не только в комментариях к материалу, но и в виде материалов... В данное решение внесен оригинальный HTML-CSS код и добавлены некоторые системные переменные uCoz, так сказать реставрация и улучшение забытого. Ну вообщем переходим к установке...
Установка:
Шаг 1 - Установим JS:
И так нам следует скачать к себе на сайт uCoz в Файловый менеджер следующий JS и установить его внизу страницы, перед закрывающим тегом </body>
Код
<script type="text/javascript" src="/u_rating.js"></script>
Шаг 2 - Установим HTML:
Теперь когда почти всё готово, вам следует установить на страницу материала и комментариев следующий HTML каркас:
Код
<div class="uotvet-rating-1">
<?if($RATE_FORM$)?><div>Вам помог этот материал?</div><?endif?>
<?if($RATE_FORM$)?><a href="#" onclick="rateForm(1,$ID$);return false">Да</a><?endif?>
<span title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>"><?if($RATE_FORM$)?><?else?>Рейтинг: <?endif?><b><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b></span>
<?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">Нет</a><?endif?>
</div>
<?if($RATE_FORM$)?><div>Вам помог этот материал?</div><?endif?>
<?if($RATE_FORM$)?><a href="#" onclick="rateForm(1,$ID$);return false">Да</a><?endif?>
<span title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>"><?if($RATE_FORM$)?><?else?>Рейтинг: <?endif?><b><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b></span>
<?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">Нет</a><?endif?>
</div>
Как я уже написал выше, в код добавлены некоторые системные переменные uCoz, в результате чего пользователь который ещё не оставлял свой рейтинг материалу увидит следующий вид рейтинга:
А когда он отдаст свой голос в положительную или отрицательную сторону, после обновление страницы он увидит лишь надпись Рейтинг и его число:
Шаг 3 - Установим CSS:
Теперь нам следует прописать CSS стили, которые завершат наше решение:
Код
/* Рейтинг #1 (да или нет)
-------------------------------------------*/
.uotvet-rating-1 {
float:left;
width:250px;
margin: 15px 0px 15px 0px;
font:14px Verdana,Arial,Helvetica, sans-serif;
text-align:center;
color:#555;
}
.uotvet-rating-1 div {
margin-bottom: 5px;
font:13px Verdana,Arial,Helvetica, sans-serif;
}
.uotvet-rating-1 a {
font-weight:bold;
}
.uotvet-rating-1 span {
padding: 0px 15px 0px 15px;
}
.nullRate b {color:#777;}
.positiveRate b {color:#4CB841;}
.negativeRate b {color:#D34A24;}
-------------------------------------------*/
.uotvet-rating-1 {
float:left;
width:250px;
margin: 15px 0px 15px 0px;
font:14px Verdana,Arial,Helvetica, sans-serif;
text-align:center;
color:#555;
}
.uotvet-rating-1 div {
margin-bottom: 5px;
font:13px Verdana,Arial,Helvetica, sans-serif;
}
.uotvet-rating-1 a {
font-weight:bold;
}
.uotvet-rating-1 span {
padding: 0px 15px 0px 15px;
}
.nullRate b {color:#777;}
.positiveRate b {color:#4CB841;}
.negativeRate b {color:#D34A24;}
Данный скрипт тестировался на работоспособность 14.12.2014 и работает в следующих модулях:
Блог
Фотоальбом
Онлайн игры
Новости сайта
Каталог статей
Каталог сайтов
Каталог файлов
Доска объявлений
Если по каким то причинам данное решение не работает, то попробуйте установить JS о котором я упомянул в шаге №1, в шаг №2, сразу после HTML кода каркаса рейтинга материала uCoz.
P.S.S
А если вы хотите на главной страницы сайта в каждой новости отобразить рейтинг, то следует установить следующий код в шаблон Вид материалов:
Код
<span class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>">Рейтинг: <b><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b></span>
На этом всё, спасибо за внимание!
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 3
+1
|
нез
|
-1
|
а если нажать не, ТО -1 будет?
|
|
-1
|
Я об этом же думал, надо проверять...
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)