Главная » 2012 » Ноябрь » 5 » 10 Point System \ 10 Бальная система v2.5 (Скрипты для ucoz)
05.11.2012, 23:49

10 Point System \ 10 Бальная система v2.5



В данной версии: автоматически меняется рейтинг материала, и кол-во проголосовавших, т.е. +1. В этой версии, подправлены баги, и улучшен скрипт. А так же, немного поменялся дизайн, на более удобный и красивый.

Уникальность скрипта:
- 10 бальная система рейтинга(оценки).
- Выбирается по одной звезде.
- При голосовании, автоматически изменяется рейтинг, и кол-во голосовавших(Как Vk.com).
- После голосование, за место "0 из 10" автоматически вставится текст "Голос засчитан".
- Если вы голосовали, то за место "0 из 10", будет текст "Вы уже голосовали".
- Приятный дизайн.
- Выбор дизайна как для светлых, так и для темных дизайнов.

Установка:

1) Скачайте архив, разархивируйте его, папку rating10point залейте в корень сайта.

2) Этот код поставьте там, где хотите видеть рейтинг:
Code
<link type="text/css" rel="StyleSheet" href="/rating10point/RatingByMaxGoodLife.css" />  
   
  <div class="rating_style"> <!-- 10PointSystemV2.5a by max_good_life -->  
  <div id="rating_title" align="center"><div id="RatingTitleTbl"></div><table border="0" cellspacing="0" cellpadding="0" width="98%"><td align="left" id="RatingEntryName">Рейтинг: <i><span id="RatingEntryNameA">$ENTRY_NAME$</span> ($CAT_NAME$)</i></td><td align="right"><table border="0" cellspacing="0" cellpadding="0" id="RatingAnswerAll"><td align="center"><span id="Rgolos">Голосов</span></td><td align="right"><div id="Rating_TotalAnswer"> $RATED$ </div><div id="Rating_NewAnswer"></div></td><td align="right"> чел.</td></table></td></table></div>  
  <div id="RatingContent" align="center">  
  <table border="0" cellspacing="0" cellpadding="0" width="98%"><tr><td align="left"><div id="otstup"></div>  
  <ul id="uStarRating$ID$" class="u-star-rating-30" title="Рейтинг: /$RATED$">  
  <li class="u-current-rating" id="uCurStarRating$ID$" style=""></li>  
  <li class="u-star-li-$ID$"><a href="#" id="0.5" onclick="ustarrating('$ID$',0.5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-one-star">1</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="1" onclick="ustarrating('$ID$',1);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-two-stars">2</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="1.5" onclick="ustarrating('$ID$',1.5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-three-stars">3</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="2" onclick="ustarrating('$ID$',2);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-four-stars">4</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="2.5" onclick="ustarrating('$ID$',2.5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-five-stars">5</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="3" onclick="ustarrating('$ID$',3);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-six-stars">6</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="3.5" onclick="ustarrating('$ID$',3.5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-seven-stars">7</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="4" onclick="ustarrating('$ID$',4);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-eight-stars">8</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="4.5" onclick="ustarrating('$ID$',4.5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-nige-stars">9</a></li>  
  <li class="u-star-li-$ID$"><a href="#" id="5" onclick="ustarrating('$ID$',5);new Image().src = 'http://counter.yadro.ru/hit;joncounter004?r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+';'+Math.random();;return false;" class="u-ten-stars">10</a></li>  
  </ul>  
  </td><td align="right" valign="top" id="RatingMaterial">  
  <div id="RatingUse"><span id="rating_hoverstars">0</span> из <span id="rating_allstars">10</span></div><div align="right"><table border="0" cellspacing="0" cellpadding="0" width="100%" height="20" id="RatingMaterial"><td align="right">Рейтинг</td><td id="rating_rated" align="right"><div id="Rating_Material"></div><div id="Rating_NewRating"></div></td></table></div>  
  </td></tr></table>  
  </div></div> <!-- 10PointSystemV2.5a by max_good_life.END -->

3) Сразу после него вставьте код:
Code
<script type="text/javascript">  
  var RatingModule = "$MODULE_ID$"; // Не трогать!  
  var RatingStyle = "black"; // white - Для белых дизайнов. black - Для темных дизайнов.  
  var RatingFlag = "10" // Флаг указывающий что уже голосовали  
  var RatingId = "$ID$"; // Id материала  
  var RatingNum = ""; // Рейтинг материала.  
  var RMaterial = "$RATING$"; // Рейтинг материала 2  
  var RTotalAnswer = "$RATED$"; // Кол-во голосов  
  </script>  
  <script type="text/javascript" src="http://max-good-life.ucoz.ru//rating10point/RatingByMaxGoodLife.js"></script>

3.1) В скрипте, настраивать можно только RatingStyle - Выбор стиля рейтинга.

4) В начало страницы вставить тег:
Code
<!DOCTYPE html>

всё!
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: max-good-life.ucoz.ru
Категория: Скрипты uCoz | Просмотров: 977 | Добавил: Voker | Рейтинг: 0.0/0 |
Теги: v2.5a, system, Бальная, система, point, 10
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]