Star Rating widget
  • Overview
  • API 1
  • API 2
  • Demos
  • Download & Support
  • Background
  • License
NOTE: With the newest jQuery (1.6) the rating control doesn't work properly, due to the changes to the attr() handling for the "disabled" attribute.
The fix will be included in new release, as soon as jQuery UI team officialy include jQuery 1.6 to download.

With that being said, you are now able to download a <<patch>> shared by Colin Guthrie, thanks! :)
Optionally, you can download a <<modded js file>> right away.

Also note, this is one of my "spare time" projects, so I hope you don't mind some delays and/or unanswered e-mails - of course I read 'em all!

What is this?

The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio buttons or select option.

What it does?

  • It turns a collection of radio boxes / select options into a neat star-rating control.
  • It creates the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled.
  • It gives you the full access to each instance of "stars" created on the page, with an easy to use syntax provided by the jQuery UI core library. See Examples tab for more info.

Quick example with RADIO boxes:

Before:
After:

Quick example with SELECT options:

Before:
After:
Version: 3.0.1
jQuery
jQuery UI
jQuery
user interface

Changelog

  • v 3.0 (Apr 20, 2010)
    • added support for jQuery 1.4.2 and jQuery UI 1.8
      Thanks again for all your kind emails :)
    • files renamed to follow UI naming convention
  • v 2.1 (Jun 9, 2009)
    • added Event parameter to callback function
    • integration of a "Not Applicable" field
    • added support for FORM Reset event
  • v 2.0 (May 5, 2009)
    • added support for jQuery 1.3.2 and jQuery UI 1.7.1
  • v 1.1 (Aug 8, 2008)
    • fixed initialization of hidden input value
  • v 1.0 (Jul 17, 2008)
    • first public release

Contact me

E-mail box close New window

Advertisements

$(function(){
© Orkan 2008-2011.
$LastChangedDate:: 2011-05-29 #$
$Revision: 184 $
});
Hosting provided by Byet Internet
Bookmark and Share
^^ Top valid CSS? valid HTML?