Плагін на jQuery для виведення рейтингу у вигляді зірок, Блог досвідченого вебмайстра

Якщо Ви постійний читач мого блогу, то, можливо, вже встигли помітити, що я змінив рейтинг для статей.

Основною причиною зміни рейтингу стало те, що рейтинг виводився «цілочисельними» зірками, ну максимум можна було вивести і половину зірки. Т. е. якщо рейтинг для статті був 4.75, то треба було виводити або 4.5 зірки або 5, що мене не дуже влаштовувало.

Тому було прийнято рішення написати свій власний плагін jQuery для формування рейтингу у вигляді зірок.

Основні вимоги до плагіна:

  1. Рейтинг повинен був виводитися коректно, тобто якщо у мене рейтинг дорівнював 4.78, то й кількість зафарбованих зірок має бути відповідною.
  2. Можливість вибору ефекту при наведенні курсору миші на зірку. Це має на увазі те, яку оцінку користувач зможе виставляти. тобто при наведенні покажчика миші на зірки вони повинні були зафарбовуватися або цілими зірками, або по пів зірки, або в абсолютних значеннях слідуючи за вказівником миші
  3. Можливість завдання своїх зірок
  4. Можливість вказати URL на який буде надіслано результат голосування
  5. Можливість вказати кількість зірок, що виводяться в рейтингу
  6. Автоматичне відхилення результатів голосування. (Наприклад: 1 голос, 2 голоси, 5 голосів)
  7. Можливість задати свої іменники для результатів голосування
  8. Можливість задавати мінімальне значення рейтингу, нижче за якого користувач не зможе проголосувати
  9. Можливість виконати користувальницьку функцію, при натисканні на зірку

Після того, як вимоги до плагіну були розроблені, я приступив до програмінгу. В результаті у мене вийшов досить непоганий, як меніздається, плагін на jQuery для рейтингу нотаток у вигляді зірок, яким я з радістю поділюся з Вами.

Для того, щоб використовувати цей плагін у себе на сайті, перш за все необхідно підключити саму бібліотеку jQuery і сам плагін. Підключати бібліотеці jQuery ми не будемо звичайним способом, а з репозиторію Google.