It is a Ext JS extension that will provide a rating with stars field inside a standard form. It has some customisation possible

Download the Ext.ux.RatingField.js, Ext.ux.RatingField.css and starOn.png and starOff.png to your server, include it into the HEAD of your page (After the Ext JS inclusion). For more details please have a look at the demo.html

[ Flickr ] (http://www.flickr.com/photos/harabagiu_dan/6515876139/)

Version 0.2

• Added Field reset button
• Added CSS class for reset button
• Added reset function for the field
• Minimum number of stars is 2
• On creation default value is now 0, was null
• Option to choose left / right for the reset button position

{
    //Standard options
    fieldLabel	:	'How cool is this?',
    name		:	'coolrating',
    anchor		:	'100%',
	xtype		:	'ratingField',
    //Custom options
    numberOfStars	:	5,
    ratingClassOn	:	"starOn",
    ratingClassOff	:	"starOff",
    ratingClassReset:   "starReset",
    ratingClassSelected	:	"starClicked",
    resetButtonPosition :   "right",
}

• numberOfStars : The number of stars to use for rating (minimum 1 maximum 10)
• ratingClassOn : The CSS class for stars that are hovered or selected
• ratingClassOff : The CSS class for stars that are not selected or hovered
• ratingClassReset : The CSS class for the reset button
• ratingClassSelected : The CSS class for stars that are selected
• resetButtonPosition : The position of the reset button relative to the stars (left or right)

I have tested it on Chrome, Firefox 9, IE 8, IE 7 and IE 9