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.
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
|
» |
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:
$(selector).rating(
'method', // method name
[] // method arguments (not required)
);
Use this method to set the value (and display) of the star rating control via javascript. It accepts the index of the star you want to select (0 based) or its value (which must be passed as a string.
Example: (values A/B/C/D/E)
Use this method to set the value (and display) of the star rating control via javascript. It accepts the index of the star you want to select (0 based) or its value (which must be passed as a string.
Example: (values 1,2,3...10)
These methods bahve almost exactly as the readOnly method, however they also control whether or not the select value is submitted with the form.
Example: (values 1,2,3...10)
I'm sorry to say that for the time being, it is up to you to create the server-side code that will process the form submission, store it somewhere (like a database) and do stuff with it - such as displaying averages and stop users from voting more than once.
However, here are a few alternatives if you don't feel
like getting down and dirty with some good old coding:
http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/
and
part 1: http://www.komodomedia.com/blog/2005/08/creating-a-star-rater-using-css/
part 2: http://slim.climaxdesigns.com/tutorial.php?section=slim&id=2
part 3: http://slim.climaxdesigns.com/tutorial.php?section=slim&id=3
part 4: http://slim.climaxdesigns.com/tutorial.php?section=slim&id=9
As far as I know, this is how it goes...
This project (and all related files) can also be accessed via its Google Code Project Page.
Full Package: | v4.11 star-rating.zip |
Stay up-to-date!
Major updates will be announced on
Twitter:
@fyneworks
|
|
Core Files: |
These are the individual required files (already included in the zip package above)
|
jQuery: | jquery-1.9.1.min.js (see jQuery.com) |
Related: |
Metadata plugin - Used to retrieve inline configuration from class variable
Form plugin - Used to submit forms via ajax |
If you're a major geek or if you really really want to stay up-to-date with with future updates of this plugin, go ahead and plug yourself to the SVN Repository on the official Google Code Project Page.
SVN Checkout: | SVN Checkout Instructions |
Browse Online: | Browse Source |
Just in case it's the end of the world and the Google Code site becomes unavailable,
the project files can also be downloaded from this site.
However, please note that this site is updated periodically whereas the Google Code
project is kept up-to-date almost instantaneously. If you'd like the very latest
version of this plugin
you are advised to use the links above and download the files from Google Code
- this will ensure the files you download have the very latest features and bug fixes.
Full Package: | v4.11 star-rating.zip |
Stay up-to-date!
Major updates will be announced on
Twitter:
@fyneworks
|
|
Core Files: |
These are the individual required files (already included in the zip package above)
|
jQuery: | jquery-1.9.1.min.js (see jQuery.com) |
Quick Support Links: Help me! | Report a bug | Suggest new feature
Support for this plugin is available through the jQuery Mailing List.
This is a very active list to which many jQuery developers and users subscribe.
Access to the jQuery Mailing List is also available through
Nabble Forums
and the
jQuery Google Group.
WARNING: Support will not be provided via the jQuery Plugins website. If you need help, please direct your questions to the jQuery Mailing List or report an issue on the official Google Code Project Page.
If we've missed anyone (anyone!) please contact us (info at fyneworks.com) and we'll make sure to give credit where credit is due.
There's no catch. Use it, abuse it - even take it apart and modify it if you know what you're doing. You don't have to, but if you're feeling generous you can link back to this website (instructions below).
Attribution link: | © Fyneworks.com |
HTML Code: |
Star Rating Plugin by Fyneworks.com is licensed, as jQuery is, under the MIT License. | |
Copyright © 2008 Fyneworks.com Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
Multiple File Upload PluginProvides a non-obstrusive way of selecting multiple files for upload. Supports validation and form plugins. Star-Rating PluginCreates a non-obstrusive star-rating control from any set of radio boxes. Features include half/partial stars and an API for programmatic control. Supports the validation plugin. XML to JSONConvert XML to JSON and read data from XML files/RSS feeds with ease. |
CKEditor PluginjQuery plugin for non-obstrusive integration of textareas with CKEditor. FCKEditor Plugin
jQuery plugin for non-obstrusive integration of textareas with FCKEditor.
Codepress PluginjQuery plugin for non-obstrusive integration of textareas with Codepress. |
Multiple File Upload, Star Rating, CKEditor XML to JSON | [back to top] | ||
jQuery Plugins
by Fyneworks.com
Licensed under the MIT License and the GPL License (2.0). |
Tested with jQuery 1.9 on: IE6, IE7, IE8, FF, Chrome, Opera and Safari |