Главная » 2012 » Ноябрь » 14 » 15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт
03:31 15 плагинов для Javascript + обучаемые статьи о том, как добавить рейтинги на сайт | |
| Одним из важнейших факторов успешности ваших веб-сайтов является возможность пользователей взаимодействовать с вашим приложением. Возможность пользователям оставлять комментарии или оставлять отзывы – это одни из самых важных кирпичиков в фундаменте взаимосвязи с веб-приложением. Стоит также отметить возможность оценивать статьи посредством простого 5-звездочного метода, или же возможность отвечать на опросы. Ниже вы найдете подборку javascript (jQuery, Prototype, MooTools…) плагинов и обучающих статей, с помощью которых вы сможете внести интерактивных дух в ваш веб-сайт. Плагины javascript для внедрения рейтинговой системы 01. Плагин ColorRating [img]/uploads/posts/2010-05/1272882723_rating-01.jpg[/img] ColorRating представляет собой (всего 5кб CSS/JS/PHP) Ajax и PHP-скрипт создания 5-звездочных рейтингов, которым не нужно базы данных или административной панели, так как скрипт поставляется со своей базой SQLite, что делает процесс внедрения не сложнее, как если бы вы просто распаковывали файлы из архива. Скрипт также очень привлекательно отображается для пользователей, у которых нет поддержки javascript. 02. jQuery Rater – плагин для создания звездного рейтинга [img]/uploads/posts/2010-05/1272882778_rating-02.jpg[/img] Плагин jQuery Rater был разработан не на основе модели подтверждения форм, которая обычно требует верстки, включающей в себя список опций. К сожалению, это означает, что такую модель рейтинга будет немного сложно поддерживать, так как для подтверждения рейтинга нужна поддержка ajax-запросов. Разработчик обещает, что плагин был написан ради облегчения процесса внедрения поддержки ajax-сценариев на стороне клиентов. Относительно стороны сервера все намного проще, так как верстка не меняется после того, как пользователь оставил оценку. Плагин даже поддерживает несколько пользователей, оставляющих оценки, одновременно. * Демо-версия » 03. Плагин jQuery Star Rating [img]/uploads/posts/2010-05/1272882722_rating-03.jpg[/img] Виджет Star Rating представляет собой плагин для jQuery, с помощью которого вы можете внедрить систему звездного рейтинга, который управляется набором радио-кнопок. С помощью этого плагина вы сможете создать интерфейс, основанный на стандартных элементах форм, что означает то, что функционал будет работать, даже если javascript отключен. * Демо-версия » 04. Плагин Starbox – звездный рейтинг для Prototype [img]/uploads/posts/2010-05/1272882780_rating-04.jpg[/img] Starbox позволяет вам без труда создавать все типы блоков рейтинга, используя изображения в формате PNG. Starbox можно по праву считать лучшим плагином данного типа в нашей статье. Библиотека разработана в платформе для создания javascript в Prototype, и вы сможете добавить несколько дополнительных эффектов с помощью Scriptaculous. 05. Rabid Ratings для MooTools [img]/uploads/posts/2010-05/1272882773_rating-05.jpg[/img] RabidRatings представляет собой привлекательную систему рейтингов, которая позволит вашим пользователям виртуально оценить что-нибудь на вашем сайте. Процесс установки очень прост – вам просто нужно указать данные соединения PHP с базой данных, и включить PHP-тэг в страницу, где вам нужен элемент рейтинга. Большинство виджетов рейтинга на AJAX используют целые и половинки звездочек с эффектом при наведении курсора мыши. RabidRatings использует перевернутое альфа-прозрачное PNG-изображение как фон, за счет чего достигается эффект более детального рейтинга (типа 1.23 звездочки), плюс привлекательный визуальный эффект. * Демо-версия » 06. Control.Rating для Prototype [img]/uploads/posts/2010-05/1272882761_rating-06.jpg[/img] Control.Rating применяется в виде одной строки кода к любому из тэгов div, span или table, за счет чего вы сможете полностью оформить виджет с помощью CSS. Каждый пункт может опционально отправлять запрос Ajax, когда его значение выставлено на set, или же может взаимодействовать с полями ввода текста, или выбирать элементы, которые присутствуют на вашей странице. Плагин использует 4 (возможно настроить) классовых имена для определения положения каждой ссылки: rating_off, rating_half, rating_on и rating_selected. 07. Виджет Star Rating для Prototype [img]/uploads/posts/2010-05/1272882760_rating-07.jpg[/img] Звездный виджет представляет собой простой класс, который позволит вам интегрировать звездный рейтинг в формы на ваших сайтах с небольшим знанием javascript. Этот виджет автоматически встроит элементы звездного рейтинга в ваш HTML там, где вы разместите отрывок кода. Вы можете без труда использовать их без знаний написания кода javascript или Ajax. 08. Ненавязчивая строка рейтинга на AJAX [img]/uploads/posts/2010-05/1272882761_rating-08.jpg[/img] Первое, что мы хотим отметить в данном плагине – это то, что он больше не поддерживается разработчиком. Это стоит того, чтобы этот плагин занял свое место в нашей статье. Стоит также отметить, что это, наверное, лучший скрипт рейтинга, который был скачал уже более 208.000 раз. Этот непримечательный скрипт (хотя страница, все же, будет перезагружаться) был разработан на PHP и MySQL, и вы можете установить цифру максимального рейтинга (4, 5 или 10). 09. GD Star Rating для Wordpress [img]/uploads/posts/2010-05/1272882762_rating-09.jpg[/img] Плагин GD Star Rating дает вам возможность внедрить систему рейтингов в страницы, сообщения и комментарии в Wordpress. Вы можете установить различные варианты отображения звезд рейтинга, а также добавить виджет в меню для отображения лучших рейтингов и других статистик, сгенерированных плагином. * Демо-версия » 10. Плагин Star Rating на AJAX [img]/uploads/posts/2010-05/1272882774_rating-10.jpg[/img] Этот плагин предоставляет вам легкий путь, который позволит вашим пользователям оставлять оценки везде в пределах CakePHP. Плагин предоставляет поддержку Prototype и jQuery, отлично интегрируется с AJAX, а так же будет работать во всех браузерах. * Демо-версия » Обучающие статьи по созданию рейтингов на javascript 11. Звездный рейтинг с применением CSS-спрайтов и jQuery [img]/uploads/posts/2010-05/1272882716_rating-11.jpg[/img] В этой статье вам будет рассказано о процессе создания плагина звездного рейтинга с помощью CSS-спрайтов и AJAX. * Демо-версия » 12. Рейтинг «любимых» на jQuery и AJAX [img]/uploads/posts/2010-05/1272882729_rating-12.jpg[/img] В этой статье вы обучитесь созданию уникальных и стильных рейтингов, которые применяются на amypink.com. Формы создаются с помощью jQuery и AJAX. * Демо-версия » 13. Система рейтингов в стиле Reddit на PHP, MySQL и jQuery [img]/uploads/posts/2010-05/1272882700_rating-13.jpg[/img] Если вы когда-нибудь были на сайте Reddit, то вы наверняка заметили то, как там голосуют люди. Вы можете проголосовать «вверх» или «вниз». В этой статье вы научитесь создавать такие системы голосований на PHP, MySQL и jQuery. * Демо-версия » 14. Создание виджета рейтинга с помощью AJAX [img]/uploads/posts/2010-05/1272882757_rating-14.jpg[/img] В этой статье вам будет рассказано о том, как создать платформу для отображения анимированного виджета рейтинга и о том, как соединить ее с Ajax-платформами на стороне сервера (jQuery, Prototype, MooTools и Dojo), что позволяет вам четко разделить процессы разработки страниц и системы рейтингов, что позволяет скриптам оставаться максимально гибкими и легко встраиваемыми в существующий веб-сайт. 15. Обучающая статья по созданию системы голосования на jQuery, Ajax и PHP  * Демо-версия » | |
|
| |
| Всего комментариев: 0 | |
