Привет.
<div data="01" id ="01" class="raiting">
<div class="raiting_blank"></div> <!--блок пустых звезд-->
<div class="raiting_hover"></div> <!--блок звезд при наведении мышью-->
<div style="width:83px" class="raiting_votes"></div> <!--блок с итогами голосов -->
</div>
$(function() {
$('.raiting').hover(function() {
var id = $(this).attr("id");
$("#" + id + " .raiting_votes,#" + id + " .raiting_hover").toggle();
}, function() {
$("#" + id + " .raiting_votes,#" + id + " .raiting_hover").toggle();
});
var e = $(".raiting").offset();
$(".raiting").mousemove(function(b) {
var a = $(this).attr("id");
var c = b.pageX - e.left;
if (c == 0) {
c = 1
}
user_votes = Math.ceil(c / 17);
$("#" + a + " .raiting_hover").width(user_votes * 17);
});
$(".raiting").on('click', function(e) {
var a = $(this).attr("id");
var c = $(this).attr("data");
var b = $(".rating_info_" + a).text();
$.ajax({
url: '/dieta/rating',
data: {
'user_votes': user_votes,
'item_id': c,
'total': b
},
success: function(h) {
if (h) {
$(".rating_info_" + c).html(h);
$('#' + id + ' .raiting_votes').width(h);
location.reload();
} else {
alert('Вы уже голосовали');
}
}
});
$('#recept_cats .' + cat_id)[0].click();
e.preventDefault();
});
})
Собственно сабж. Код вынесен в отдельный файл. В FF и Хроме работает. Если переношу код в html файл,то и в опере работает.
