Submit your widget

Jquery 100-point rating system with beautiful stars

Created 7 years ago   Views 19243   downloads 3366    Author n/a
Jquery 100-point rating system  with beautiful stars
View DemoDownload 36.1 KB
197
Share |

Jquery 100-point rating system, appropriate for online investigation and online vote which needs accurate rating results for reference

 

Installation


Step1:include css and js files.

 

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

 

Step2:create textbox input or hidden input.

 

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

 

Step3:add script.

 

<script language="javascript" type="text/javascript">
$(function() {
$("#rating_star").webwidget_rating_bar({
rating_star_length: '5',
rating_initial_value: '',
rating_function_name: '',
directory: 'images/'
});
});
</script>

 

parameter explanatory

 

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