Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thicomp

Ocultar tabelas

Por , em Javascript

Recommended Posts

thicomp    0

thicomp
Postado

Pessoal, alguém tem uma sugestão para eu resolver esse problema??

É o seguinte, esse código faz com que o usuário, ao clicar uma das opções do botão "radio", ser visualizada as informações referente a cada opção. Tipo assim, qd eu selecionar "op1", as informações referentes seriam mostradas. Se a opção "op2" for selecionada, esta entraria no lugar da antiga. O que tá acontecendo é que eu tenho que selecionar 2 vezes para que a opção desapareça...

 

<html><head><script> function viewHide(id) {var targetId, srcElement, targetElement;var targetElement = document.getElementById(id);if (targetElement.style.display == "none") {targetElement.style.display = "";} else {targetElement.style.display = "none";} }</script> </head><body><%response.write "<form action='http://asmf/envinfo.asp' method='post'><center><table cellpadding='1' cellspacing='0' width='600' border='1'>"if request.querystring("nomprod") <> "" then 	response.write "<tr><td colspan='2' align='center'>Cadastro<tr><td>Nome<td><input type='text' name='nomprod' value='"&request.querystring("nomprod")&"' readonly>"else	response.write "<tr><td colspan='2' align='center'>Cadastro<tr><td>Nome<td><input type='text' name='nomprod'>"end if%><tr><td><label><input name="regdom" type="radio" OnClick="viewHide('tabela1')" value="A" >Inserir Documento<td><input name="regdom" type="radio" OnClick="viewHide('tabela2')" value="B">Inserir Justificativa</td></tr></table><table id=tabela1 style="display:none" width="600" border="1"><%response.write "<tr><td>Número da Revisão<td><input type='text' name='numrev'>"response.write "<tr><td>Data da última revisão<td><input type='text' maxlength='10' name='dtrev'>"%></table><table id=tabela2 style="display:none" width="600" border="1"><tr><td><textarea cols='25' rows='10'></textarea></td></tr></table></center><%response.write "<center><tr><td colspan='2' align='center'><input type='submit' name='envia' value='Enviar'>  <input type='reset' name='limpa' value='Limpar'></table>"%></td></tr></table></td></tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiago Cardoso    1

Tiago Cardoso
Postado

Você tinha chegado bem perto da solução, mas estava esquecendo de pensar nas 2 tabelas ao mesmo tempo, e foi o que eu fiz, está testado, mas qualquer problema estamos ai, ok?

 

<html><head><script> function viewHide(valor) {	alert(valor);	var tabela1 = document.getElementById("tabela1");	var tabela2 = document.getElementById("tabela2");	if(valor == "A")	{		tabela1.style.display = "block";		tabela2.style.display = "none";	}	else if(valor == "B")	{		tabela1.style.display = "none";		tabela2.style.display = "block";	}}</script> </head><body><%response.write "<form action='http://asmf/envinfo.asp' method='post'><center><table cellpadding='1' cellspacing='0' width='600' border='1'>"if request.querystring("nomprod") <> "" then 	response.write "<tr><td colspan='2' align='center'>Cadastro<tr><td>Nome<td><input type='text' name='nomprod' value='"&request.querystring("nomprod")&"' readonly>"else	response.write "<tr><td colspan='2' align='center'>Cadastro<tr><td>Nome<td><input type='text' name='nomprod'>"end if%><tr><td><label><input name="regdom" type="radio" OnClick="viewHide(this.value)" value="A" >Inserir Documento<td><input name="regdom" type="radio" OnClick="viewHide(this.value)" value="B">Inserir Justificativa</td></tr></table><table id=tabela1 style="display:none" width="600" border="1"><%response.write "<tr><td>Número da Revisão<td><input type='text' name='numrev'>"response.write "<tr><td>Data da última revisão<td><input type='text' maxlength='10' name='dtrev'>"%></table><table id=tabela2 style="display:none" width="600" border="1"><tr><td><textarea cols='25' rows='10'></textarea></td></tr></table></center><%response.write "<center><tr><td colspan='2' align='center'><input type='submit' name='envia' value='Enviar'>  <input type='reset' name='limpa' value='Limpar'></table>"%></td></tr></table></td></tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito