<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Title> scoring effect V2.0 </title>
<Meta name = "Generator" content = "EditPlus">
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "Description" content = "">
<Script type = "text/javascript">
Function indexOf (arr, element)
{
For (var I = 0; I <arr. length; I ++)
{
If (arr [I] = element)
{
Return I;
}
}
Return-1; // element not found
}
Function initEvent ()
{
Var rating = document. getElementById ("rating ");
Var tds = document. getElementsByTagName ("td ");
For (var I = 0; I <tds. length; I ++)
{
Var td = tds [I];
Td. style. cursor = 'pointer '; // Manual Addition
Td. onmouseover = function (){
Var rating = document. getElementById ("rating ");
Var tds = document. getElementsByTagName ("td ");
Var index = indexOf (tds, this );
For (var I = 0; I <= index; I ++)
{
Tds [I]. innerText ='★';
}
For (var I = index + 1; I <= tds. length; I ++)
{
Tds [I]. innerText = '☆ ';
}
};
}
}
</Script>
</Head>
<Body onload = "initEvent ()">
<Table id = "rating"> <tr> <td> ☆</td> <td> ☆< /td> <td> ☆</td> </tr> </table>
</Body>
</Html>