function bool2int(b) {
if (b) { return 1; } else { return 0; }
}
function bitmask(a, b, c) {
return Number(a*4) + Number(b*2) + Number(c);
}
function sel_clr() {
var rows = document.all('row');
for(i=0; i < rows.length;i++) {
rows(i).sel = 0;
}
}
function mouse_click(obj) {
sel_clr();
obj.sel = 1;
}
function mouse_hover(obj, over) {
b = bitmask(bool2int(over), bool2int(obj.all('chk[]').checked), obj.sel);
switch (b) {
case 0:
obj.className = 'normal';
break;
case 1,3:
obj.className = 'selected';
break;
case 2,4:
obj.className = 'checked';
break;
case 5,6,7:
obj.className = 'inverted';
break;
}
window.status = b+' '+obj.className;
return obj.className;
}
Строки такого вида:<style>
.selected {
background-color:yellow;
color:#0000ff;
}
.checked {
background-color:#d8bfd8;
color:#0000ff;
}
.normal {
background-color:#e6e6fa;
color:#0000ff;
}
.inverted {
background-color:#0000ff;
color:#e6e6fa;
}
</style>
См. статус окна. Чесно говоря, не знаю что и думать.<tr name = "row" id = "row" num=0 sel = 0 style = "cursor: hand;"
onmouseover = "mouse_hover(this, true);"
onmouseout = "mouse_hover(this, false);"
onclick = "mouse_click(this)">
<td>ТЕСТ1</td>
<td><input name=chk[] id=chk[] type=checkbox value=0></td>
<td>Тест2</td>
<td>Тест3</td>
<td>Тест4</td>
</tr>
Поможыте, чем можыте..
Буду брагодарен за любую помощь.