Star Rating widget for jQuery UI

Posted by Roger on Stack Overflow See other posts from Stack Overflow or by Roger
Published on 2009-10-11T15:57:48Z Indexed on 2010/04/03 0:33 UTC
Read the original article Hit count: 597

Filed under:
|
|
|
|

I was introduced to the Star Rating widget for jQuery UI: http://orkans-tmp.22web.net/star_rating/ I was originally using this one: http://www.fyneworks.com/jquery/star-rating/

Is there any difference between using the two?

Well trying to use the jquery UI one, I can't get the input buttons to show up as stars. I have these js and css files included:

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="ui.stars.js" type="text/javascript"></script>
<link href="ui.stars.css" type="text/css" rel="stylesheet" />

And for my code, simply:

<form>
    Rating: <span id="stars-cap"></span>
    <div id="stars-wrapper1">
    	<input type="radio" name="newrate" value="1" title="Very poor" />
    	<input type="radio" name="newrate" value="2" title="Poor" />
    	<input type="radio" name="newrate" value="3" title="Not that bad" />
    	<input type="radio" name="newrate" value="4" title="Fair" />
    	<input type="radio" name="newrate" value="5" title="Average" checked="checked" />
    	<input type="radio" name="newrate" value="6" title="Almost good" />
    	<input type="radio" name="newrate" value="7" title="Good" />
    	<input type="radio" name="newrate" value="8" title="Very good" />
    	<input type="radio" name="newrate" value="9" title="Excellent" />
    	<input type="radio" name="newrate" value="10" title="Perfect" />
    </div>
</form>

All the files and images are in the same folder. I've never used jquery UI before, so I'm not sure if all I need is that file. I'm not sure if it needs it either, the other star rating plugin I was using didn't require it. Anyone know what I'm missing anything?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about ui