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.

star rating


jQuery ratingbar

Submitted by mre on October 8, 2010 - 3:48pm

jQuery ratingbar
================

Introduction
------------

This plugin is replacing a textual rating by a rating bar using CSS.
It degrades gracefully to simple text and is fully customizable (star ratings are a subset).
It supports jQuery easing animations.

Have a look into the examples folder.

Consider the following markup:

<table id="movies">
<tr>
<td>An awesome movie title</td>
<td>2005</td>
<td>Some guy looses his hat</td>
<td class="movie_rating">95</td>
</tr>
<tr>
<td>What a bad movie title</td>
<td>1985</td>
<td>Gozilla ate my pants</td>
<td class="movie_rating">25</td>
</tr>
</table>

By default you get two rating bars where "95" and "25" stood before.

Installation
------------

1. Put the included js and css folder into your projects root folder.

2. Include the following code somewhere between and of your website:

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.