Sunday, July 25, 2010

15 Javascript Plugins and Tutorials for Adding Ratings

Javascript Ratings Plugins

ColorRating Plugin

ColorRatingColorRating Plugin »
ColorRating is a small (only 5kbs of CSS/JS/PHP) Ajax and PHP 5-Star Rating Script that requires no database setup or administration as it comes with it’s own SQLite database, making deployment as easy as unzipping the files. It degrades gracefully for users without JavaScript.
Demo »

jQuery Rater Plugin for Star Ratings

jQuery Rater Plugin for Star RatingsjQuery Rater Plugin »
The original jQuery Rater Plugins usage nah been based on a fully degradable form submission model which means you must use markup containing an option list. Unfortunately, this means it became quite complex to support a rating model that fires off an ajax request to submit a new rating.
The developer wrote the new jQuery Rater Plugin for Star Ratings that should reduce the complexity of implementing an ajax rating scenario on the client side. The server side is easier as well since the markup doesn't change after a user has already rated. This plugin can also support multiple raters per page.
Demo »

jQuery Star Rating Plugin

jQuery Star Rating PluginjQuery Star Rating Plugin »
The Star Rating widget is a plugin for the jQuery that creates a non-obstrusive star rating control by turning a collection of radio boxes/select options into a sleek star-rating control.
It will create the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled making it beautifully downgradable.
Demo »

Starbox – Rating Stars for Prototype

Starbox - Rating Stars for PrototypeStarbox for Prototype »
Starbox allows you to easily create all kinds of rating boxes using a single PNG image. Witn its huge volume of options and functions, Starbox is quite possibly the most complete Javascript rating system within this article. The library is build on top of the Prototype javascript framework and for some extra effects you can add Scriptaculous as well.
Demo »

Rabid Ratings for MooTools

Rabid Ratings for MooToolsRabid Ratings for MooTools »
RabidRatings is an eye-caching ratings system whill allows users to your website to rate virtually anything with simplicity.
Installation is easy – simply tell the PHP script how to connect to your database and include the PHP tag where you want to have a ratable item, and everything else is done for you.
Most AJAX ratings widgets use star and half-star images with mouse over events on each star. RabidRatings uses a reverse alpha-transparent PNG as a background image to achieve infinitely complex precision (ie, 1.23 stars) and robust visual effects

Link for more:
http://speckyboy.com/2010/04/21/15-javascript-and-plugins-and-tutorials-for-adding-ratings/

No comments:

Post a Comment