Submit your widget

Jquery simple rating system with small stars

Created 6 years ago   Views 27588   downloads 4579    Author n/a
Jquery simple rating system with  small stars
View DemoDownload 23.6 KB
278
Share |

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

 

Installation

 

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_simple").webwidget_rating_simple({
rating_star_length: '5',
rating_initial_value: '',
rating_function_name: '',
directory: 'your star image directory/'
});
});
</script>

 

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