Ho una tabella di questo tipo:
<table width="200" border="1">
<tr id='tr1' onClick="colora('000000','1');">
<td></td>
<td></td>
</tr>
<tr id='tr2' onClick="colora('000000','2');">
<td></td>
<td></td>
</tr>
</table>
con uno script come questo
function colora(colore, id){
document.getElementById("tr"+id).style.backgroundC olor = "#"+colore;
}
che colora tutto il rigo della tabella, sull'evento onclick sul rigo stesso
Cos' come l'ho fatto funziona ma ho bisogno di applicare questo tipo di onclick ad una tabella che ha td con class='tbl' in questo modo:
<table width="200" border="1">
<tr id='tr1' onClick="colora('000000','1');">
<td class='tbl'></td>
<td class='tbl'></td>
</tr>
<tr id='tr2' onClick="colora('000000','2');">
<td class='tbl'></td>
<td class='tbl'></td>
</tr>
</table>
In questo caso predomina il foglio di style
.tbl {
font-size: 11px;
color: #555;
background-color: #fff;
padding: 4px;
}
C'è modo di bypassare il foglio di style?![]()

Rispondi quotando
