1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
|
<!DOCTYPE html>
<html>
<head>
<title>Star Rating</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/demos.css?b38"/>
<script type="text/javascript" src="js/jquery.min.js?v=1.4.2"></script>
<script type="text/javascript" src="js/jquery-ui.custom.min.js?v=1.8"></script>
<script type="text/javascript" src="js/jquery.ui.stars.js?v=3.0.0b38"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.ui.stars.css?v=3.0.0b38"/>
<script type="text/javascript">
$(document).ready(function() {
$.post("./php/demo.php", {test: "1"}, function(data) {
j = data;
for (i=1; i<=5; i++) {
if (i==j) {
$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" checked=\"checked\" />");
} else {
$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" />");
}
}
$("#ratings").stars();
});
});
$("#test").live('click', function() {
$.post("./php/demo.php", {test: "2"}, function(data) {
$("#ratings").empty();
j = data;
for (i=1; i<=5; i++) {
if (i==j) {
$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" checked=\"checked\" />");
} else {
$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" />");
}
}
$("#ratings").stars();
});
});
</script>
</head>
<body class="basic">
<div class="pageDesc">
<p>
<a href="#" id="test">Test</a>
</p>
</div>
<div class="pageBody">
<form id="ratings" action="./php/demo.php" method="post"></form>
</div>
</body>
</html> |
Partager