Star Rating plug-in

Response

This jQuery plugin is based on Wil Stuckey's and John Resig's work. The basic star rating plugin they came up with was great, but there were just afew things missing from it. There are a few other great jQuery rating plugins already available, but they weren't exactly what I was looking for. They either don't degrade gracefully or they use radio buttons for the form elements. Beyond that, I have never written a jQuery plugin before, so I thought this would be a excellent learning experience. I certainly know much more about jQuery and plugins now.

This sample keeps track of the number of submissions and binds the stars accordingly. This is just a simple session store, so it is quite basic. The ASPX pages for the example are included within the zip file. If you don't use .NET, you may be able to recreate the pages quite easily (in PHP, ASP classic, JSP, whatever) as they really are quite basic. I simply wanted to recreate a data store but without all the intracacies to show how the plugin would work.

I added some options to the plugin:

• cancelSubmit: true (default) - determines whether or not cancel submits the form.
• disabled: false (default) - determines whether or not the form is read-only. You can also set the select lists disabled attribute to make the form read-only.
• position: "-16px -16px" (default) - this is the default CSS position of "on" stars. I don;t know if this is will be used much by anyone, but I thought if another image was to be used (rather than the stars provided) that exposing this may be a good idea. Maybe it isn't? Who knows...
• success - this has a default callback function that throws up an alert message. You'll definitely want to override this option.
• disableOnSubmit: false (default) - determines whether or not the form is disabled after submitting. This is useful if you only want users to vote once.

Versions

1.0: Sep 15, 2009
Initial release

1.1: May 6, 2011
Fixed incorrect class name attribute

Download

To do's

I am sure I'll find that I need to be able to pass more data through than what I have specified, so I'll probably add that soon. If you have any feedback, contact me

Home