ASM wrote on 25 sep 2005 in comp.lang.javas cript:
Gary a écrit : I have a table with a form consisting of several checkboxes and I'm
wondering if its possible to change the table row background color on
mouseover or hover and make it stay that color when the checkbox in
that row is selected?
Poko
No, you have a form containing a table
(table can't contain a form)
(table can contain elements of a form)
see that :
http://perso.wanadoo.fr/stephane.mor...hlight_rows_en.
htm
<html><form><ta ble border=1 cellspacing=0>
[..] </html>
This will hover and will be clickable along the whole <tr>:
<html>
<style type="text/css">
..backCol { background-color:yellow;}
..hoverbackCol { background-color:blue;colo r:white;}
</style>
<script type="text/javascript">
function ifhover(x,istru e) {
if (istrue) bgsave=x.classN ame
x.className = (istrue)?'hover backCol':
(x.firstChild.f irstChild.check ed)? 'backCol' : '';
}
function clickhighLght(x ) {
x.firstChild.fi rstChild.checke d =
!x.firstChild.f irstChild.check ed;
x.className =
(x.firstChild.f irstChild.check ed)? 'backCol' : '';
}
function highLght(chckbo x) {
clickhighLght(c hckbox.parentNo de.parentNode);
}
</script>
<form>
<table border=1 cellspacing=0>
<tr onclick="clickh ighLght(this)"
onmouseover="if hover(this,true )"
onmouseout="ifh over(this, false)">
<td>
<input type=checkbox onclick="highLg ht(this)">
</td>
<td>blah</td><td>blah</td><td>blah</td>
</tr>
<tr onclick="clickh ighLght(this)"
onmouseover="if hover(this,true )"
onmouseout="ifh over(this, false)">
<td>
<input type=checkbox onclick="highLg ht(this)">
</td>
<td>blah</td><td>blah</td><td>blah</td>
</tr>
</table>
</form>
</html>
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)
