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
| <script type="text/javascript">
$(document).ready(function(){
$(".star, .star_hover").hover(function () { // Au survole d'une étoile
var id = $(this).attr("id"); // On récupere son id, exemple : star_5
var num = id.split('star_'); // On récupère le numéro de l'id, exemple : 5
for (var i=1;i<=num[1];i++){ // on modifie le css pour chaque étoile situé avant celle survolé par la souris
var hover = '#star_'+i; // On crée le nom de l'id dont on va modifier le css, exemple : star_1
$(hover).css("background-position","0 -16px");
}
}, function() { // fonction utilisé lorsque la souris se retire de l'étoile survolé (fait la même chose mais remet le background)
var id = $(this).attr("id");
var num = id.split('star_');
for (var i=1;i<=num[1];i++){
$('#star_'+i+'[class=star]').css("background-position","0 0");
$('#star_'+i+'[class=star_hover]').css("background-position","0 -32px");
}
});
$(".star, .star_hover").live('click', function(){
var id = $(this).attr("id");
var vote = id.split('star_');
$.ajax({
type: "POST",
url: "vote_traitement.php",
data: 'vote='+vote[1],
beforeSend: function(){},
complete: function(){},
success: function(){
alert('Vous avez voté : '+vote[1]);
}
});
return false;
});
});
</script> |
