Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

rater


jQuery Raty - A Star Rating Plugin

Submitted by wbotelhos on June 23, 2010 - 1:42pm

jQuery Raty is a plugin that generates a customizable star rating automatically.

With default options:

$('#default').raty();

<div id="default"></div>

Started with a score and read only value:

$('#fixed').raty({
    readOnly:  true,
    start:     2
});

<div id="fixed"></div>

With a custom score name and a number of stars:

$('#number').raty({
    scoreName:  'entity.score',
    number:     10
});

<div id="number"></div>

With a custom hint and icons:

$('#icon').raty({
    hintList:  ['a', '', null, 'd', '5'],
    starOn:    'medal-on.png',
    starOff:   'medal-off.png'
});

<div id="icon"></div>

Using onClick function:

$('#click').raty({
    onClick: function(score) {
      alert('score: ' + score);
    }
});

<div id="click"></div>

Jquery Simple Star Rater Plugin

Submitted by metoikos on January 12, 2009 - 7:27am

The existing rating plugins does not work as user expected. Big problem with these plugins when you rate some content, you can vote over and over again. But when you vote, it should be disabled and can not let to vote again.

Plugin Features

It works both "five star rating" and "one star add to favorite" ui. When you click one of stars it post ($.post) the data to given url with "vote" parameter.

Easy Way Of Usage

$('#holder').rater({
  url: 'data.php'
value: 4
});

Above code will crate five star ui with marked four star. When you click the one of the stars, it post the its value to data.php.

Full List Of Option Parameters

$('#rateholder').rater({
      url: 'vote.php',
      enabled: true,
      favstar: false,
      favtitle: 'save as favorite',
      mediapath: './',
      indicator: true,
      value: 0,
      callback: false
    });

Explanation of parameters