Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola,
estou fazendo meus primeiros testes usando JS em uma tabela.
Mais especificamente, estou tentando mudar a cor da fonte (...style.color="...) dos dados de uma coluna inteira ao passar com o mouse sobre uma das células.
Nao está funcionando. Se no entanto eu tentar mudar a cor do background (...style.backgroundColor="...) da coluna, ao inves da cor da fonte, aí tudo bem.
Coloquei esta funçao no header:
<script type="text/javascript">
function dest(ele,col)
{
document.getElementById("coluna"+col).style.backgroundColor="#CCCCFF";
}
</script>
e isto na tabela:
<table id="servtab" summary="Tabela comparativa : blocos e tijolos">
<col id="coluna01"> </col>
<col id="coluna02"> </col>
<col id="coluna03"> </col>
<col id="coluna04"> </col>
<col id="coluna05"> </col>
<col id="coluna06"> </col>
<col id="coluna07"> </col>
<thead>
<tr>
<th scope="col" class="tabimg"></th>
<th scope="col" class="tabheader">Revestimento</th>
<th scope="col" class="tabheader">Conforto térmico, <br /> Conforto acústico</th>
<th scope="col" class="tabheader">Rapidez / <br /> Agilidade</th>
<th scope="col" class="tabheader">Desperdício*</th>
<th scope="col" class="tabheader">Custo unitário</th>
<th scope="col" class="tabheader">Proteção <br /> de tubos</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tabimg" id="bloco1" onmouseover="dest(this,'01')"></td>
<td class="firstodd" onmouseover="dest(this,'02')">Sim</td>
<td class="odd" onmouseover="dest(this,'03')">Não</td>
<td class="odd" onmouseover="dest(this,'04')"> Sim**</td>
<td class="odd" onmouseover="dest(this,'05')">Alto</td>
<td class="odd" onmouseover="dest(this,'06')">Baixo</td>
<td class="lastodd" onmouseover="dest(this,'07')">Não</td>
</tr> etcetera.
A cor original da fonte está definida dentro do ID da tabela, #servtab, em arquivo css externo.
Alguem pode me dar uma luz?
Carregando comentários...