Як зробити рейтинг

Відео: Рейтинг зірочок на css

Содержание

Відео: Рейтинг зірочок на css
Відео: Рейтинг: Соус Барбекю
Відео: Рейтинг: Сирні соуси (facepalm)

Створення рейтингів - процес досить корисний, так як вони можуть надати значну підтримку у створенні та просуванні сайтів і блогів. Та й взагалі, це може виглядати досить красиво. Відвідувачі можуть оцінювати ті чи інші матеріали сайту або блогу, будь то статті, зображення і так далі. Сьогодні ми поговоримо про плагіні для jQuery, який створює рейтинги. Цей плагін називається «jQuery Star Rating Plugin», він дуже зручний і простий у використанні і не вимагає великих зусиль для роботи з ним. Отже, давайте спробуємо створити рейтинг на своєму сайті.

Скачайте в мережі плагін jQuery. Підключіть бібліотеку плагіна і його файли.

В архіві з плагіном знайдіть CSS файл і підключіть його.

Виглядає це так:

Відео: Рейтинг: Соус Барбекю

Відео: Рейтинг: Сирні соуси (FACEPALM)

Створіть групу радіокнопок:
В результаті зірочок буде стільки ж, скільки і кнопок.

Тепер ви вже маєте цілком працездатний плагін, однак його можна ще й налаштувати.

Щоб використовувати дробові числа (тобто, щоб відвідувач міг вибрати, наприклад, оцінку 4,5). Для цього використовуйте атрибут class. Задайте його у вигляді:
class = "star {split: 2}"
де 2 - кількість частин, на які ви розділите зірочку.

Якщо ви хочете, щоб за замовчуванням було вибрано якусь кількість зірок, то використовуйте атрибут checked = "checked".

Щоб обробити і проаналізувати результати голосування, запам`ятайте: плагін змінює розмітку сторінки, замість радіокнопок з`являється приховане поле, яке буде містити результати голосування.

Для прикладу, наведеного вище, це поле буде виглядати приблизно так:
Ось, загалом-то, і все. Це дійсно досить зручний плагін, який не потребує великих зусиль в роботі з ним. Удачі вам у створенні власних рейтингів!

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі