jQuery.noConflict(); jQuery(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 -21px"); if(i==1 | i==2){ document.getElementById('legende').innerHTML='Aucun intérêt, à éviter'; } else if(i==3 | i==4){ document.getElementById('legende').innerHTML='Quelques qualités mais pas assez'; } else if(i==5 | i==6){ document.getElementById('legende').innerHTML='Bonne série mais quelques défauts'; } else if(i==7 | i==8){ document.getElementById('legende').innerHTML='Bonne série, à découvrir'; } else if(i==9 | i==10){ document.getElementById('legende').innerHTML='Indispensable, à posséder !'; } else{ document.getElementById('legende').innerHTML=''; } } }, 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 -42px"); } document.getElementById('legende').innerHTML=''; }); }); jQuery(".star, .star_hover").click(function(){ var id = jQuery(this).attr("id"); var vote = id.split('star_'); jQuery.ajax({ type: "POST", url: "/collection/include/valider_note.php", data: 'note='+vote[1]+'&id_serie=5137&id_user=1&type_collec=ms', beforeSend: function(){ document.getElementById('wait').innerHTML=''; for (i=1;i<=10;i++){ //document.getElementById('note_act').innerHTML +='
'; document.getElementById('star_' + i).style.display='none'; } }, complete: function(){ }, success: function(){ document.getElementById('wait').innerHTML=''; for (i=1;i<=10;i++){ //document.getElementById('note_act').innerHTML +='
'; if (i<=vote[1]){ document.getElementById('star_' + i).className='star_hover'; document.getElementById('star_' + i).style.backgroundPosition='0pt -42px'; }else{ document.getElementById('star_' + i).className='star'; document.getElementById('star_' + i).style.backgroundPosition='0pt 0pt'; } document.getElementById('star_' + i).style.display='block'; } } }); return false; }); function supprimerNote(){ jQuery.ajax({ type: "POST", url: "/collection/include/supprimer_note.php", data: 'id_serie=5137', beforeSend: function(){}, complete: function(){}, success: function(){ for (i=1;i<=10;i++){ document.getElementById('star_' + i).className='star'; document.getElementById('star_' + i).style.backgroundPosition='0pt 0pt'; } } }); }