Подскажите, пожалуйста, как можно реализовать вывод "звездочек" в рейтинге, в зависимости от того, чему он равен? Т.е. если рейтинг 1, то 1 звезда закрашена, а остальные серые и т.д.
На данный момент есть только такой кривой код, в котором не работает вывод изначального рейтинга.
<script>
$(document).ready(function () {
$('.ratings_stars').hover(
// Handles the mouseover
function () {
$(this).prevAll().andSelf().addClass('ratings_over');
$(this).nextAll().removeClass('ratings_vote');
},
// Handles the mouseout
function () {
$(this).prevAll().andSelf().removeClass('ratings_over');
// can't use 'this' because it wont contain the updated data
set_votes($(this).parent());
}
);
});
function getStars() {
var stars = 0;
$.ajax({
type: "POST",
url: "../lib/ajax.php",
data: {
send: getStars
},
cache: false,
success: function (s) {
alert("Stars = " + s);
}
})
getStars();
function addRate(r) {
alert("Data Saved: " + r);
}
}
</script>
<div class='movie_choice'>
<div id="r1" class="rate_widget">
<div class="star_1 ratings_stars" onclick="addRate(10)"></div>
<div class="star_2 ratings_stars" onclick="addRate(20)"></div>
<div class="star_3 ratings_stars" onclick="addRate(30)"></div>
<div class="star_4 ratings_stars" onclick="addRate(40)"></div>
<div class="star_5 ratings_stars" onclick="addRate(50)"></div>
</div>
</div>