Cor Td

[Guest - pe.leal -]

Caros,

Como eu faço para que no onClick a cor de um td mude e fique fixa ?

Tks

[Fabi SP]

Javascript:

function mudaCor(pElement) {
   pElement.style.background = "#ccc";
}

HTML:

<table>
   <td id="cell" onClick="javascript:mudaCor(this);">teste</td>
</table>

[Guest Guest]

Fabi,

Não esta funcionando ele é fica na cor que coloquei mas depois que "desclico" ele volta para a cor atual.

Será que é porque estou usando a função onmouseover e onmouseout ?

Tks

[Fabi SP]

Do jeito que está a função, deveria funcionar e ficar... tem como você postar parte do código pra facilitar?

Ah, e registre-se no fórum, assim fica mais fácil de você tirar suas dúvidas!

[pe.leal]

<td align='center' CLASS="menu" width='152' ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)" onClick="menucid(this)" style="cursor: hand;">

function move_i(what) { what.style.background='silver'; }

function move_o(what) { what.style.background='99ccff'; }

function move_c(what) { what.style.background='red'; }

Tks

[Fabi SP]

Suas suspeitas estavam certas...

Quando você clica em cima do <td>, a cor muda... mas muda também quando você passa o mouse em cima e tira o mouse de cima dele.

Você vai precisar de um "if" ou algo parecido para que isso não aconteça.

Dentro do "if", compare se a cor de fundo atual é aquela do onClick. Se sim, não deixe que a cor seja trocada de novo com os eventos onMouseOver e onMouseOut.

Não sei se fui clara...

[pe.leal]

valeu

Pela dica

Vou testar e se não ser certo retorno :-)

[pe.leal]

FAbi,

Esta funcionando dessa forma que você me falou, mas queria que quando clicasse em um outro item do menu o primeiro voltasse a cor original e o que foi clicado mudasse de cor.

Como posso fazer isso ?

Tks

[Fabi SP]

Você pode setar para que TODAS as outras opções voltem para a cor original...

É uma solução rápida

[pe.leal]

Usei o evento onBlur() e esta funcionando.

Brigaduu pela ajuda.

Tks

[pe.leal]

Pessoal,

Estou usando :

onBlur="volta(this)"

onClick="menu(this)"

function menu(what)

{

what.style.background='silver';

}

function volta(what)

{

what.style.background='99ccff';

}

Em um menu que estou fazendo, esta funcionando pois quando clico em um item do menu ele fica de uma cor, se clicar em outro item o outro muda de cor e o primeiro volta para a cor inicial.

Agora gostaria de saber como faço para que mesmo no relaod ele continue com a cor como se tivesse clicado .

Se alguém puder me ajudar ...

Tks