2010-01-29 46 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