background preloader

jQuery Rating

Facebook Twitter

jQuery Bar Rating Plugin Demo. Configuration initialRating:null Pass an option value to specify initial rating.

jQuery Bar Rating Plugin Demo

If null, the plugin will try to set the initial rating by finding an option with a `selected` attribute. showValues:false If set to true, rating values will be displayed on the bars. showSelectedRating:true If set to true, user selected rating will be displayed next to the widget. reverse:false If set to true, the ratings will be reversed. readonly:false If set to true, the ratings will be read-only. Methods $('select').barrating('show'); Shows the rating widget. $('select').barrating('clear'); Clears the rating. $('select').barrating('destroy'); Destroys the rating widget. Callbacks onSelect:function(value, text) Fired when a rating is selected. onClear:function(value, text) Fired when a rating is cleared. onDestroy:function(value, text) Fired when a rating is destroyed. License Dual licensed under the MIT and GPL licenses: Download Download the plugin from GitHub. Rating. From Ritesh Agrawal: This is a jQuery plugin for star rating systems.

Rating

The initial inspiration for this script came from Wil Stuckey's star rating system. But the original script requires too much coding. Also it does not have provision for developing a star system (such as GMail, where you star or un-star an email). I have modified the original script to make it simpler for user to develop a star rating system. I added the option to have half-star increments. Download Examples As you might have noticed, for a single star the script works like a star/unstar. jRating jquery plugin - Very flexible jQuery plugin for creating quickly a star rating system : MyjQueryPlugins. RateIt - a jQuery (star) rating plugin - Home. JQuery Raty. You need just to have a div to build the Raty.

JQuery Raty

Used when we want starts with a saved rating. If you need to start you score depending of a dynamic value, you can to use callback for it. You can pass any value for it, not necessarily a data- value. You can use a field value for example. Changes the name of the hidden score field. Changes the number of stars. You can receive the number of stars dynamic using callback to set it.

Change the maximum of start that can be created. You can prevent users to vote. You can decide if the rating will be readOnly dynamically returning true of false on callback. If readOnly is enabled and there is no score, the hint "Not rated yet! " You can represent a float score as a half star icon. Enabled The round rules are: Down: score <= x.25 the star will be rounded down;Half: score >= x.26 and <= x.75 the star will be a half star;Up: score >= x.76 the star will be rounded up. Disabled The rules becomes: You can customize the round values of the halfShow option. jQuery Star Rating Plugin v4.11 (2013-03-14) What is this?

jQuery Star Rating Plugin v4.11 (2013-03-14)

The Star Rating Plugin is a plugin for the jQuery Javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes. What does it do? It turns a collection of radio boxes 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.

NEW (18-Feb-2013): Compatible with jQuery 1.3+ and the latest 1.9! How do I use it? Just add the star class to your radio boxes Use the checked property to specify the initial/default value of the control Use the disabled property to use a control for display purposes only What about split stars and 'half ratings'???

Use metadata plugin to pass advanced settings to the plugin via the class property. Use custom selector Make sure to upload these changes on to your server, this would be a great plugin for your blogs and review sites NEW to v3 API methods can be invoked this this: Database Integration.