[Resolvido]Ajuda com JavaScript

4 respostas
TheThis

Olá Pessoal ... estou com um probleminha básico

Tenho 2 rows:
<tr id="rowAutor">
    <td align="right">Autor:</td>
    <td>
	<cfinput type="text" name="autor" class="caixa" size="75" maxlength="100" value="#GetArtigo.Autor#">
    </td>
</tr>
<tr id="rowEmail">
	<td align="right">E-mail:</td>
	<td>
        	<cfinput type="text" name="email" class="caixa" size="75" maxlength="100" validate="email" message="Campo E-mail Inválido." value="#GetArtigo.Email#">
	</td>
</tr>
e tenho 2 RadioButtons:
<cfinput type="radio" name="tipo" value="Artigo" checked="yes" onChange="mudaTipoNoticia();">Artigo &nbsp;&nbsp;
<cfinput type="radio" name="tipo" value="Noticia" onChange="mudaTipoArtigo();">Notícia

e as Functions do onChange:

function mudaTipoArtigo(){

			document.getElementById("rowAutor").style.display = 'none';
    			document.getElementById("rowAutor").style.visibility= 'hidden';
			document.getElementById("rowEmail").style.display = 'none';
    			document.getElementById("rowEmail").style.visibility= 'hidden';
		
		}
		
		function mudaTipoNoticia(){

			document.getElementById("rowAutor").style.display = 'inline';
    			document.getElementById("rowAutor").style.visibility= 'visible';
			document.getElementById("rowEmail").style.display = 'inline';
    			document.getElementById("rowEmail").style.visibility= 'visible';
		
		}

Agora o Problema:

quando clico no Radio Noticia ele deveria esconder o rowAutor e o rowEmail
e quando clico no artigo ele voltaria

no firefox funciona
agora no IE não ....
alguma luz???

abraço!!

4 Respostas

doug

Olá

Tenta colocar block ao inves de inline!!
document.getElementById(“rowAutor”).style.display = ‘block’;

Espero ter ajudado
Flws

TheThis

Olá … nao deu …o problema é o seguinte … no firefox com o inline funciona mas o layout da pagina fica estranho

no ie
quando clico no Radio Noticia nao acontece nada
quando clico novamente no Artigo ele esconde os campos que deveriam ser escondidos quando clico no Noticia

no firefox eu usava o display=’’; e funciona certinho!!

no ie troca tudo

ajudem-me!!!

TheThis

ae arrumei

Consegui fazer funcionar certo

mudei os Eventos do radioButton para onClick fazendo instantaneamente
e mudei também as functions ficando assim:

function mudaTipoArtigo(){

	document.getElementById("rowAutor").style.display = 'none';
	document.getElementById("rowEmail").style.display = 'none';

		
}
function mudaTipoNoticia(){

	document.getElementById("rowAutor").style.display = '';
	document.getElementById("rowEmail").style.display = '';

}

valew e obrigado a quem respondeu

Abraço e até a próxima

TheThis

Criado 15 de outubro de 2008
Ultima resposta 15 de out. de 2008
Respostas 4
Participantes 2