mudando a cor da tabela

Clauido José · Fevereiro 4, 2009

pessoal estou criando uma rotina para uma pagina aqui no trampo bom é seguinte eu quero que o quando eu passar o mouse por cima da tabela ele mude a colona de cor e quando eu clicar nela ela mostra uma sub tabela estou fazendo assim mas não ta mudando a cor so mostrando a sub tabela quando eu clico.

<script>
function mostraEsconde(id){
alert(id);
if(document.getElementById(id).style.display=="block")
{
document.getElementById(id).style.display="none"
}
else
{
document.getElementById(id).style.display="block"
}
}
function estilo(estilo,id){
if (document.getElementsByName(id).className=="foramouse"){
document.getElementsByName(id).className="dentromouse"
}else {
document.getElementsByName(id).className="foramouse"
}
}
</script>
<body>
<table width="740" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td colspan="4"><table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="25%" class="dentromouse" id="td1" onclick="mostraEsconde('sub1');" onMouseOver="estilo('foramouse','td1')" onMouseOut="estilo('foramouse','td1')">Dados da assinatura </td>
<td width="25%" class="dentromouse">Dados do serviço e atendimento </td>
<td width="25%" class="dentromouse">Histórico do cliente </td>
<td width="25%" class="dentromouse">Histórico do serviço </td>
</tr>
</table></td>
</tr>
<tr id="sub1" style="display:none">
<td colspan="4">testcacasdcase1</td>
</tr>
</table

.Andreia. · Fevereiro 5, 2009

você pode fazer assim:

<script>
function mostraEsconde(id){
alert(id);
if(document.getElementById(id).style.display=="block")
{
document.getElementById(id).style.display="none"
}
else
{
document.getElementById(id).style.display="block"
}
}
</script>

<style>
.dentromouse {
background: #ccc;
}
.foramouse {
background: #fff;
}
</style>
<body>
<table width="740" border="1" align="center" cellpadding="2" cellspacing="2">
<tr>
<td colspan="4"><table width="100%" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="25%" class="foramouse" id="td1" onclick="mostraEsconde('sub1');" onMouseOver="this.className = 'dentromouse'" onMouseOut="this.className='foramouse'">Dados da assinatura </td>
<td width="25%" onMouseOver="this.className = 'dentromouse'" onMouseOut="this.className='foramouse'">Dados do servi&ccedil;o e atendimento </td>
<td width="25%" onMouseOver="this.className = 'dentromouse'" onMouseOut="this.className='foramouse'">Hist&oacute;rico do cliente </td>
<td width="25%" onMouseOver="this.className = 'dentromouse'" onMouseOut="this.className='foramouse'">Hist&oacute;rico do servi&ccedil;o </td>
</tr>
</table></td>
</tr>
<tr id="sub1" style="display:none">
<td colspan="4">testcacasdcase1</td>
</tr>
</table>

Clauido José · Fevereiro 5, 2009

andreia deu certo mas eu quero que quando eu volvar para tirar o mouse ela vota para cor que estava

Entrar

mudando a cor da tabela

Pergunta

Clauido José

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

Clauido José

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades