(Resolvido) Onclik não funcionando no FF

[MuseBr.com]

Pessoal, tenho uma tabela assim:

  Citar

<table>

<tr>

<td style="backgroundColor:#000000;" id="tdconteudo">

CONTEÚDO

</td>

</tr>

</table>

E alguns radios assim:

  Citar

<input type="radio" name="Cor" value="cor_1" id="Cor_1" onclick="tdconteudo.style.backgroundColor='#FFFFFF'" />

<input type="radio" name="Cor" value="cor_2" id="Cor_2" onclick="tdconteudo.style.backgroundColor='#000000'" />

Eles deveriam funcionar da seguinte forma: ao marcar o radio1, a cor de fundo da TD {tdconteudo} deveria ficar branco, e ao marcar o radio2, deveria ficar preto.

No IE funciona, mas no FF não.

Alguém pode me ajudar? Só preciso que ele funcione no IE e no FF.

[Tesla]

sem zuera cara esses problemas IE e FF estão chegando no limite, tinha que sair um outro navegador q todo mundo baixasse e fosse leve, q n tivesse tantos problemas, apesar de eu usar o FF q n me dá mt trabalho...

@topic

tenta usar o onMouseDown="", axo q daria no mesmo no seu caso, e tenta também usar document.getElementById('tdconteudo').style.backgroundColor='#000000' é só mudar a cor...

Editado Março 30, 2009 por Tesla

[MuseBr.com]

Fiz algumas alterações mas continua sem funcionar no FF:

  Citar

function bcolorff(cor,id){

if (document.all){

var thestyle= eval ("document.getElementById('"+id+"').style");

thestyle.backgroundColor=cor;

}}

  Citar

<input type="radio" name="CorDaCamiseta" style="border:none;" value="camisetacor_2" id="CorDaCamiseta_2" onmousedown="bcolorff('#FFFFFF','tdcamiseta');" />

Usei o getelementbyid e o onmousedown... mas ainda continua não funcionando...

[MuseBr.com]

Veja, consegui. Desta forma funcionou no FF, no IE e no Opera:

Um script, primeiramente:

  Citar

<!--

function bcolorff(cor,id){

var thestyle= eval ("document.getElementById('"+id+"').style");

thestyle.backgroundColor=cor;

}

//-->

Depois chamei da seguinte forma:

  Citar

onclick="bcolorff('#FFFFFF','tdcamiseta');"

Mas agora estou com outro problema, semelhante.

Tenho uma imagem com o ID 'logo1cor1' e Display 'none':

  Citar

<img src="layout/logo1cor1.png" width="490" border="0" id="logo1cor1" style="display:none;" />

Depois tenho um input radio que, ao ser clicado, deveria fazer a imagem aparecer, pois no momento que a página está carregada, ele não aparece devido ao 'display=none'.

  Citar

<input type="radio" name="CorDaEstampa" style="border:none;" value="estampacor_1" id="CorDaEstampa_1" onclick="logo1cor1.style.display='block';"/>

No IE ela aparece, no Opera também, mas nada no FF.

Se alguém precisar ver a página, vá em http://www.musebr.com/www/produto02.php

[MuseBr.com]

Retornando para falar que consegui, graças a ajuda de vocês.

Enfim, resumindo, para um ONCLICK funcionar bem em todos navegadores (testei IE, FF, OPera), use:

document.getelementbyid('id').style.display='none';

Valeu pessoal!