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.

rating


Ninja User Interface

Submitted by uininja on September 18, 2010 - 12:39am

Ninja

User Interface

the jQuery plugin for lethal interaction

Intuitive

Clear syntax, extending what you already know and love about jQuery.

Usable

Keyboard, touch and speech accessible.

Fast

Network-connection-free assets are embedded inside the 21k JavaScript file. Icons are Scalable Vector Graphics and Cascading Style Sheet is base64 encoded.

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 Rating

Submitted by ali_hatam on June 2, 2010 - 5:15pm

a plug-in for create a rating system for your site content with easy use and setup.
in a minute you can create your own custom rating .

Rating Control UI

Submitted by ripter001 on October 29, 2009 - 10:13am

This is an easy to use rating control. It takes a normal select box, and turns it into a rating that your users can click on. The select box is preserved so you can still bind on change, get, and set the value in the rating control. The image is controlled with CSS and a simple gif, so you can make it look like anything you need.
This control works with AJAX and $.serialize() as well as my own $.serializeForm() plugin.

Turns this:

<select class="rating">
<option value="0">Did not like</option>
<option value="1">Ok</option>
<option value="2" selected="selected">Liked</option>
<option value="3">Loved!</option>
</select>

Into a Rating Control with 4 stars.

Simple Rating Widget

Submitted by arc on April 22, 2009 - 12:33am

The Simple Rating widget is a plugin for the jQuery javascript library that creates a non-obtrusive plus/minus rating control based on a set of radio input boxes or select options.

It gives you the full access to each instance created on the page, with an easy to use syntax provided by the jQuery UI 1.7 core library.

Based on Orkan's Star Rating Widget

Simple starRating

Submitted by acosonic on February 11, 2009 - 2:38pm

Plugin is simple, but bundled with several cool features, it sends rating to a scrip via jQuery ajax call, and updates value on stars depending on current rate.
All you need to do is create your own stars or other images you want to use, and you are ready to go.

Usage:

$(document).ready(function() {
    $('#ratingID').starRating({
          basicImage  : 'star.png',
          hoverImage : 'star_hover.png',
          ratingUrl       : 'rate.php',
          paramId       :  'photo237',
          paramValue  : 'rateVal'
    });
});

Please visit project's homepage or download zip for detailed instructions and examples.


All options you can override (default values):

  • basicImage : 'star.gif', //can be subdir like 'images/star.gif'
  • ratedImage : 'star_rated.gif',
  • hoverImage : 'star_hover.gif',
  • ratingStars : 5, //how much stars to draw

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

Star Rating widget

Submitted by Orkan on June 19, 2008 - 7:13pm

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 input boxes or select options.

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.