Giving users the ability to interact with your web site is one of the key elements to its success. Allowing users to post a comment or response and socially sharing are two of the basic fundamentals of web interaction, another, maybe less popular, is giving users the quickfire option of grading or rating a post, by using the super simple five star method or by the voting up or down approach.
ColorRating Plugin »
jQuery 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.
jQuery 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.
Starbox for Prototype »
Rabid 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 with a very low overhead.
Control.Rating for Prototype »
Control.Rating attaches to any div, span or table cell on your page in one line of code to create a fully customizable CSS based ratings widget. Each control can optionally post an Ajax request when it's value is set, or can interact with text inputs or select elements that are already on your page. It uses four (customizable) class names to determine each link's state:
Star Rating Form Widget for Prototype »
Unobtrusive AJAX Star Rating Bar »
The first thing to note about this plugin is that it is no longer supported by the developer. Having said that it is still good enough to be featured in this post. It is perhaps the most popular and most used ratings scipt ever with 208,000 downloads. It has been built with PHP and mySQL, it is unobtrusive (although the page will refresh) and you can also set the number of rating units you want to use (i.e. 4 stars, 5 stars, or 10 stars) on a rater to rater basis.
GD Star Rating for WordPress »
GD Star Rating plugin allows you to set up rating and review system for WordPress posts, pages and comments in your blog. You can set many options for displaying the rating stars, and add widgets into the sidebars for displaying top ratings and other statistics generated by the plugin.
AJAX Star Rating Plugin »
This plugin offers you an easy and customizable way to enable your users to star rate any CakePHP model you want. It offers support for both Prototype and jQuery, seamlessly integrates with AJAX and is cross browser compatibile.
Favorite Rating with jQuery and Ajax »
In this tutorial you can learn how to recreate the unique and stylish method that amypink.com uses for allowing visitors to rate or “show the love” (as the develper calls it), with jQuery and Ajax.
Reddit-style Voting With PHP, MySQL And jQuery »
If you are a regular at Reddit, you must have noticed the way people vote there. You can either vote up or vote down. This tutorial will show you how to create such a voting system with jQuery, PHP and MySQL.
Creating an AJAX Rating Widget »
Download Files »
You might also like…
15 CSS3 Navigation and Menu Tutorials and Techniques »
20 CSS3 Tutorials and Techniques for Creating Buttons »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
50 Useful Tools and Generators for Easy CSS Development »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
20+ Resources and Tutorials for Creative Forms using CSS »