par étoiles, étoiles de changement de la souris

Question

function change_star_image(star_id){ 
$("#star_rating_image_"+star_id).css('background', 'url(images/full-star.png)'); 
$("#star_rating_image_"+star_id).mouseout(function(){ 
    $("#star_rating_image_"+star_id).css('background', 'url(images/empty-star.png)'); 
}); 
var endval = star_id; 

for (var i=1;i<=endval;i++){ 
    $("#star_rating_image_"+i).css('background', 'url(images/full-star.png)'); 
} 
} 

je travaille sur le formulaire du questionnaire,

j'ai 5 question, ans le type est étoiles ...

L'extrait ci-dessus fonctionne bien, lorsque Je vais de gauche à droite,

Supposons par exemple. i Relâchez le curseur de la souris dans le 4 étoiles,

si je viens à nouveau et si le démarrage de moyens de 2star, le 3 étoiles ne va pas désactiver le mode, afin par mon code, il affiche comme

exemple lorsque je commence note ..

1=bright star 
2=bright star 
3=bright star 
4=nobright star 
5=nobright star 

si je recommencerai note de 2 étoiles, note alors étoiles ressemble

1=bright star 
2=no bright star 
3=bright star ======> it should go nobright star automatically , when i go the 2nd star.. 
4=nobright star 
5=nobright star 

Answer 1

On dirait que vous n'êtes pas « éteindre » les étoiles qui sont Abov e celui que vous êtes actuellement terminé. Je changerais à ceci:

var numStars = 5; 
function change_star_image(star_id){ 
    for (var i=1;i<numStars+1;i++){ 
     if(i<=star_id){ 
       $("#star_rating_image_"+i).css('background', 'url(images/full-star.png)'); 
     }else{ 
       $("#star_rating_image_"+i).css('background', 'url(images/empty-star.png)'); 
     } 
    } 
    $("#star_rating_image_"+star_id).mouseout(clearStars()); 
} 
function clearStars(){ 
    for (var i=1;i<numStars+1;i++){ 
     $("#star_rating_image_"+i).css('background', 'url(images/empty-star.png)'); 
    } 
}