jRating - очень гибкий jQuery плагин для быстрого создания системы рейтинга на аяксе. Можно настроить каждый элемент, начиная от "числа звезд" до "использовать десятичные дроби или нет". Есть возможность отображать маленькие или большие звезды, при этом сами изображения можно с легкостью заменить своими. Несмотря на то, что плагин может использоваться в сценарии любого языка, в архив уже включен php файл, который обрабатывает запросы.

Подключаем в шапке сайта необходимые файлы:

<!-- jRating CSS -->
<link rel="stylesheet" href="jRating.jquery.css" type="text/css" />
     
<!-- jRating and jQuery files -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jRating.jquery.js"></script>

Новая опция

<!-- Не забудьте атрибут 'data'  -->
<!-- 'data' атрибут должен быть записан как 'average'_'id контейнера' -->
 
<div class="jRating" data="12_1"></div> <!-- В этом примере, среднее - 12 и ID - 1 -->
 
<div class="jRating" data="8.5_2"></div> <!-- В этом другом примере, среднее - 8.5 и ID - 2 -->

javascript

Вызваем плагин jRating

$('.jRating').jRating({options});

$(document).ready(function(){
   // очень простой вызов
   $('.jRating').jRating();
 
   // Вызов с опциями - пример
   $('.jRating').jRating({
     step : false, // без шага
     length : 10, // показать 10 звезд при инициализации
     type : 'small' // показать маленькие звезды, а не большие по умолчанию
   });
});

Опции

  • showRateInfo
  • Boolean
  • По умолчанию : true - Отключение рейтинговой информации. Может принимать значения true или false

 

  • bigStarsPath
  • String
  • По умолчанию : 'jquery/icons/stars.png' - Относительный путь до изображения большой звезды (stars.png).

 

  • smallStarsPath
  • String
  • По умолчанию : 'jquery/icons/small.png' - Относительный путь до изображения маленькой звезды (small.png).

 

  • phpPath
  • String
  • По умолчанию : 'php/jRating.php' - Относительный путь к странице php для обработки ajax (jRating.php).

 

  • type
  • String
  • По умолчанию : 'big' - Внешний вид. Либо 'small', либо 'big'.

 

  • step
  • Boolean
  • По умолчанию : false - Если шаг установлен на true, то шаг равен одной звезде (шаг за шагом).

 

  • isDisabled
  • Boolean
  • По умолчанию : false - Если isDisabled установлено на true, jRating отключен.

 

  • length
  • Integer
  • По умолчанию : 5 - Количество показываемых звезд.

 

  • decimalLength
  • Integer
  • По умолчанию : 0 - Количество десятичных знаков.

 

  • rateMax
  • Integer
  • По умолчанию : 20 - Максимальный рейтинг.

 

  • rateInfosX
  • Integer
  • По умолчанию : - 45 - В пикселях - Абсолютное позиционирование слева в информационном блоке во время движения мыши.

 

  • rateInfosY
  • Integer
  • По умолчанию : 5 - В пикселях - Абсолютное позиционирование сверху в информационном блоке во время движения мыши.

Методы

  • onSuccess
  • Функция
  • По умолчанию : null- Функция обратного вызова в случае успешного оценивания.

 

  • onerror
  • Функция
  • По умолчанию : null - Функция обратного вызова в случае сбоя при оценивании.

СКАЧАТЬСкачек: 858
7,83 Kb
Кто скачал?

ДЕМОПосмотреть
пример