2010-01-29 31 views
0
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)'); 
} 
} 

我的調查表上工作,星級,鼠標變星在

我有5個問題,答類型是星級...

上面的代碼工作正常,當我要去到左到右,

例如假設。我釋放鼠標光標在4星級,

如果我再次來到,如果從2星級的裝置開始,第三恆星不會禁用模式,從而爲每我的代碼,它顯示像

例如當我開始評級..

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

如果我重新開始從第2星級分類,然後評定星級的樣子

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 

回答

0

它看起來像你不是「關閉」是ABOV任何明星e你現在結束的那個。我會把它改成這樣:

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)'); 
    } 
} 
+0

星不是閃閃發光,當我鼠標移到 – Bharanikumar 2010-01-29 12:13:14

+0

[代碼] $( 「#star_rating_image _」 + star_id).mouseout(clearStars()); [/代碼] 這一個停止我們的明星的光輝 – Bharanikumar 2010-01-29 12:14:11

+0

我的事情,如果我們刪除這個

$("#star_rating_image_"+star_id).mouseout(clearStars()); 
find..but工作但不知道.. – Bharanikumar 2010-01-29 12:19:59