Javascript rating
Voor een website heb ik een leuk Javascript rating systeem van het internet geplukt... alleen reageren de sterren niet altijd op het mouseover-event. Mijn script ziet er als volgt uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
star.mouse=function(e,o) { if(star.stop || isNaN(star.stop)) { star.stop=0;
document.onmousemove=function(e) { var n=star.num;
var p=abPos($('star'+n)), x=XY(e), oX=x.X-p.X, oY=x.Y-p.Y; star.num=o.id.substr(4);
if(oX<1 || oX>84 || oY<0 || oY>19) { star.stop=1; star.revert(); }
else {
$S('starCur'+n).width=oX+'px';
$S('starUser'+n).color='#000000';
$('starUser'+n).innerHTML=Math.round(oX/84*100)+'%';
}
};
} };
document.onmousemove=function(e) { var n=star.num;
var p=abPos($('star'+n)), x=XY(e), oX=x.X-p.X, oY=x.Y-p.Y; star.num=o.id.substr(4);
if(oX<1 || oX>84 || oY<0 || oY>19) { star.stop=1; star.revert(); }
else {
$S('starCur'+n).width=oX+'px';
$S('starUser'+n).color='#000000';
$('starUser'+n).innerHTML=Math.round(oX/84*100)+'%';
}
};
} };
En deze wordt gewoon aangeroepen met onmouseover="star.mouse(event,this)"
Heeft iemand misschien enig idee wat er mis kan gaan hier?
Alvast bedankt!
http://www.pmob.co.uk/temp/star-rating.htm
Ik gebruik nu de rating van de volgende website:
http://nofunc.org/AJAX_Star_Rating/
Ik zoek eigenlijk wel iets wat nauwkeuriger is dan 5 sterren, maar wat wel wordt weergegeven als 5 sterren. 10 stappen zou mooi zijn.
Alvast bedankt !
Bijvoorbeeld 5,5
X X X X X
wordt het dan:
X x X x X x X x X
of gewoon 10 sterren.
X X X X X X X X X X