Submit your widget

Jquery simple rating system with star

Created 13 years ago   Views 10754   downloads 2553    Author n/a
Jquery simple rating system with star
View DemoDownload
Share |

jquery simple rating system with small stars,  appropriate for rating any online reviews.




Step1:include css and js files.


<script type="text/javascript" src="your directory/jquery.js"></script>
<link href="your directory/rating_simple.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="your directory/rating_simple.js"></script>


Step2:create textbox input or hidden input.


<input name="my_input" value="3" id="rating_simple" type="text"> or <input name="my_input" value="3" id="rating_simple" type="hidden">


Step3:add script.


<script language="javascript" type="text/javascript">
$(function() {
rating_star_length: '5',
rating_initial_value: '',
rating_function_name: '',
directory: 'your star image directory/'


parameter explanatory


rating_star_length: The star count
rating_initial_value: The initial value
rating_function_name: Function name response to click
directory: Star image directory