Submit your widget

multiple jQuery Helper for Komodo Media CSS Star Rating

Created 13 years ago   Views 9415   downloads 2535    Author m3nt0r
multiple jQuery Helper for Komodo Media CSS Star Rating
View DemoDownload
Share |
 * jQuery Ajax Rater Plugin
* This rater is based on the code Ritesh Agrawal did. Unfortunatly his CSS and the hover technique breaks in some browsers.
* So i thought, why not use the best CSS star-rater known to man kind and throw it in the mix.
* I have used the CSS and technique from Komodo Media since it is stable and tested on many, many browsers.
* This rater compared, has no cancel button. But i think we can live with that :)
* To avoid conflicts i have changed the function name.
* Licensed under The MIT License


The one we all know and love



Via the options you can switch the style

$('#demo2').rater('ratingsdemo.php', {style: 'small'}); 


You can chain them, using inline style:

$('#inline1').rater('ratingsdemo.php', {style: 'inline'});
$('#inline2').rater('ratingsdemo.php', {style: 'inline', curvalue:3}); 

Single Star (GMail style)

This acts like a ON/OFF trigger (since it's supposed to act as trigger, it does not show ajax response)

$('#demo4').rater('ratingsdemo.php', {maxvalue:1, style: 'basic'}); 

Basic, with initial value

You can set the initial value in the options too!

$('#demo5').rater('ratingsdemo.php', {style: 'basic', curvalue:2}); 

Basic, but more then 5 stars

You can have as many stars you want. CSS is adjusted respectivly.

$('#demo6').rater('ratingsdemo.php', {maxvalue:10, style: 'basic', curvalue:0}); 

Or Small.. doesn't matter

It's all dynamic.. :)

$('#demo7').rater('ratingsdemo.php', {maxvalue:20, style: 'small', curvalue:3}); 

Tag: rating