—»     —»   15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт
  Раздел: Ajax, Виджеты, Голосования и Опросы, Java-Скрипты   Комментариев: 4  

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт



Одним из важнейших факторов успешности ваших веб-сайтов является возможность пользователей взаимодействовать с вашим приложением. Возможность пользователям оставлять комментарии или оставлять отзывы – это одни из самых важных кирпичиков в фундаменте взаимосвязи с веб-приложением. Стоит также отметить возможность оценивать статьи посредством простого 5-звездочного метода, или же возможность отвечать на опросы. Ниже вы найдете подборку javascript (jQuery, Prototype, MooTools…) плагинов и обучающих статей, с помощью которых вы сможете внести интерактивных дух в ваш веб-сайт.

Плагины javascript для внедрения рейтинговой системы

01. Плагин ColorRating

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

ColorRating представляет собой (всего 5кб CSS/JS/PHP) Ajax и PHP-скрипт создания 5-звездочных рейтингов, которым не нужно базы данных или административной панели, так как скрипт поставляется со своей базой SQLite, что делает процесс внедрения не сложнее, как если бы вы просто распаковывали файлы из архива. Скрипт также очень привлекательно отображается для пользователей, у которых нет поддержки javascript.

02. jQuery Rater – плагин для создания звездного рейтинга

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Плагин jQuery Rater был разработан не на основе модели подтверждения форм, которая обычно требует верстки, включающей в себя список опций. К сожалению, это означает, что такую модель рейтинга будет немного сложно поддерживать, так как для подтверждения рейтинга нужна поддержка ajax-запросов.
Разработчик обещает, что плагин был написан ради облегчения процесса внедрения поддержки ajax-сценариев на стороне клиентов. Относительно стороны сервера все намного проще, так как верстка не меняется после того, как пользователь оставил оценку. Плагин даже поддерживает несколько пользователей, оставляющих оценки, одновременно.

* Демо-версия »

03. Плагин jQuery Star Rating

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Виджет Star Rating представляет собой плагин для jQuery, с помощью которого вы можете внедрить систему звездного рейтинга, который управляется набором радио-кнопок.
С помощью этого плагина вы сможете создать интерфейс, основанный на стандартных элементах форм, что означает то, что функционал будет работать, даже если javascript отключен.

* Демо-версия »

04. Плагин Starbox – звездный рейтинг для Prototype

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Starbox позволяет вам без труда создавать все типы блоков рейтинга, используя изображения в формате PNG. Starbox можно по праву считать лучшим плагином данного типа в нашей статье. Библиотека разработана в платформе для создания javascript в Prototype, и вы сможете добавить несколько дополнительных эффектов с помощью Scriptaculous.

05. Rabid Ratings для MooTools

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

RabidRatings представляет собой привлекательную систему рейтингов, которая позволит вашим пользователям виртуально оценить что-нибудь на вашем сайте.
Процесс установки очень прост – вам просто нужно указать данные соединения PHP с базой данных, и включить PHP-тэг в страницу, где вам нужен элемент рейтинга.
Большинство виджетов рейтинга на AJAX используют целые и половинки звездочек с эффектом при наведении курсора мыши. RabidRatings использует перевернутое альфа-прозрачное PNG-изображение как фон, за счет чего достигается эффект более детального рейтинга (типа 1.23 звездочки), плюс привлекательный визуальный эффект.

* Демо-версия »

06. Control.Rating для Prototype

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Control.Rating применяется в виде одной строки кода к любому из тэгов div, span или table, за счет чего вы сможете полностью оформить виджет с помощью CSS. Каждый пункт может опционально отправлять запрос Ajax, когда его значение выставлено на set, или же может взаимодействовать с полями ввода текста, или выбирать элементы, которые присутствуют на вашей странице. Плагин использует 4 (возможно настроить) классовых имена для определения положения каждой ссылки: rating_off, rating_half, rating_on и rating_selected.

07. Виджет Star Rating для Prototype

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Звездный виджет представляет собой простой класс, который позволит вам интегрировать звездный рейтинг в формы на ваших сайтах с небольшим знанием javascript.
Этот виджет автоматически встроит элементы звездного рейтинга в ваш HTML там, где вы разместите отрывок кода. Вы можете без труда использовать их без знаний написания кода javascript или Ajax.

08. Ненавязчивая строка рейтинга на AJAX

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Первое, что мы хотим отметить в данном плагине – это то, что он больше не поддерживается разработчиком. Это стоит того, чтобы этот плагин занял свое место в нашей статье. Стоит также отметить, что это, наверное, лучший скрипт рейтинга, который был скачал уже более 208.000 раз. Этот непримечательный скрипт (хотя страница, все же, будет перезагружаться) был разработан на PHP и MySQL, и вы можете установить цифру максимального рейтинга (4, 5 или 10).

09. GD Star Rating для Wordpress

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Плагин GD Star Rating дает вам возможность внедрить систему рейтингов в страницы, сообщения и комментарии в Wordpress. Вы можете установить различные варианты отображения звезд рейтинга, а также добавить виджет в меню для отображения лучших рейтингов и других статистик, сгенерированных плагином.

* Демо-версия »

10. Плагин Star Rating на AJAX

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Этот плагин предоставляет вам легкий путь, который позволит вашим пользователям оставлять оценки везде в пределах CakePHP. Плагин предоставляет поддержку Prototype и jQuery, отлично интегрируется с AJAX, а так же будет работать во всех браузерах.

* Демо-версия »

Обучающие статьи по созданию рейтингов на javascript

11. Звездный рейтинг с применением CSS-спрайтов и jQuery

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

В этой статье вам будет рассказано о процессе создания плагина звездного рейтинга с помощью CSS-спрайтов и AJAX.

* Демо-версия »

12. Рейтинг «любимых» на jQuery и AJAX

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

В этой статье вы обучитесь созданию уникальных и стильных рейтингов, которые применяются на amypink.com. Формы создаются с помощью jQuery и AJAX.

* Демо-версия »

13. Система рейтингов в стиле Reddit на PHP, MySQL и jQuery

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

Если вы когда-нибудь были на сайте Reddit, то вы наверняка заметили то, как там голосуют люди. Вы можете проголосовать «вверх» или «вниз». В этой статье вы научитесь создавать такие системы голосований на PHP, MySQL и jQuery.

* Демо-версия »

14. Создание виджета рейтинга с помощью AJAX

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

В этой статье вам будет рассказано о том, как создать платформу для отображения анимированного виджета рейтинга и о том, как соединить ее с Ajax-платформами на стороне сервера (jQuery, Prototype, MooTools и Dojo), что позволяет вам четко разделить процессы разработки страниц и системы рейтингов, что позволяет скриптам оставаться максимально гибкими и легко встраиваемыми в существующий веб-сайт.

15. Обучающая статья по созданию системы голосования на jQuery, Ajax и PHP

15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт

* Демо-версия »
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery, Mootools, javascript, ajax, рейтинги
Опубликовал Mysterious Master   Прочитано (раз): 27522   |   Оставлено комментариев: 4
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 13 мая 2010 @ 22:35
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Классная статья =) теперь подробней знаю как организовать рейтинг.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #2: 16 апреля 2011 @ 09:30
Написал: Joe — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Интересная статья по AJAX на http://jclicker.com/skazka1.html
Комментарий #3: 31 июля 2011 @ 03:37
Написал: Greg — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Подскажите пожалуйста те кто использовал плагин starbox, как записать работу скрипта в базу? feel Я просто только начинаю постигать азы и мне как бы не понятно как записать работу скрипта в базу. Если кто откликнется, то буду благодарен=)
Комментарий #4: 23 февраля 2012 @ 18:54
Написал: MrSmithx — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
спасибо интересно
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Февраль 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728