* ******** Demo.html ********
<! Doctype HTML public "-// W3C // dtd html 4.01 transitional // en"
Http://www.w3.org/TR/html4/loose.dtd>
<HTML>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Title> untitled document </title>
<Style>
Tr {behavior: URL (Demo. HTC )}
</Style>
</Head>
<Body>
<Table bgcolor = "# cccccc" border = "0">
<Tr>
<TD> User ID </TD>
<TD> name </TD>
<TD> country </TD>
<TD> Save </TD>
<TD> city </TD>
</Tr>
<Tr id = "looptr">
<TD> <input type = "checkbox" id = "aaaa"> </TD>
<TD> Zhou Jian </TD>
<TD> China </TD>
<TD> Jiangsu </TD>
<TD> Nanjing </TD>
</Tr>
</Table>
</Form>
<SCRIPT>
Looptr. onpush = function () {looptr. changcheckboxstatus ();}
</SCRIPT>
</Body>
</Html>
* ******** Demo. HTC *********
<Public: component>
<Public: attach event = "ondocumentready"
Onevent = "doinit ()"/>
<Public: attach event = "onmouseover"
Onevent = "Mouseover ()"/>
<Public: attach event = "onmouseout"
Onevent = "mouseout ()"/>
<Public: attach event = "onclick"
Onevent = "doclick ()"/>
<Public: event name = "onpush" id = "push"/>
<Public: method name = "changcheckboxstatus"/>
<SCRIPT>
VaR normalcolor;
Function doinit ()
{
Normalcolor = event. srcelement. parentelement. style. background;
}
Function Mouseover ()
{
If (event. srcelement. parentelement! = Event. srcelement. parentelement. parentelement. Children [0])
Event. srcelement. parentelement. style. Background = "dimgray ";
}
Function mouseout ()
{
Event. srcelement. parentelement. style. Background = normalcolor;
}
Function doclick ()
{
Push. Fire ();
}
Function changcheckboxstatus ()
{
ELEM = event. srcelement. Children [0]. Children [0];
If (ELEM. type = "checkbox ")
{
If (ELEM. Checked)
ELEM. Checked = false;
Else
ELEM. Checked = true;
}
}
</SCRIPT>
</Public: component>