6 replies to this topic

[Solykis Linux]

Quero fazer um radio button para inscrição de um acampamento.
Fiz o formulário mas puz 2 radios, 1° é IDENTIDADE e 2° é CERTIDÃO DE NASCIMENTO, a pessoa escolhe o documento e aparece o resto do formulário de acordo com o escolhido.
Como faço isso?

Obrigado

[Andreia Regina]

Olá!

Tenta assim:

<script language="JavaScript">
<!--
	var visibleVar="null";

	if (navigator.appName == "Netscape") {
				layerStyleRef="layer.";
				layerRef="document.layers";
				styleSwitch="";
				visibleVar="show";
	} else {
				layerStyleRef="layer.style.";
				layerRef="document.all";
				styleSwitch=".style";
				visibleVar="visible";
	}

	function showLayer(layerName,layerName2){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+visibleVar+'"');
		eval(layerRef+'["'+layerName2+'"]'+styleSwitch+'.visibility="'+visibleVar+'"');
	}

	function hideLayer(layerName,layerName2){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
		eval(layerRef+'["'+layerName2+'"]'+styleSwitch+'.visibility="hidden"');
	}

-->
</script>

			<p>Identidade
			  <input name="identidade" type="radio" value="on" onclick="java script:showLayer('texto1');hideLayer('texto2');"/>
			 <br/>
			 Certidão de Nascimento 
			  <input name="certidao" type="radio" value="on" onclick="java script:onclick="java script:showLayer('texto2');hideLayer('texto1');"/>
			  </p>

			<div id="texto1" style="visibility: hidden;"> Aqui vai o outro conteúdo </div>
			<div id="texto2"> Aqui vai o conteúdo desejado</div>

Deve funcionar, qualquer coisa post novamente

[Solykis Linux]

não deu certo...mas obrigado...se alguém souber respondam por favor.
tenho que acabar o sistema até 2ª

[Andreia Regina]

Ops, desculpe

Eu alterei uma parte do script mas não alterei na função

<script language="JavaScript">
<!--
	var visibleVar="null";

	if (navigator.appName == "Netscape") {
				layerStyleRef="layer.";
				layerRef="document.layers";
				styleSwitch="";
				visibleVar="show";
	} else {
				layerStyleRef="layer.style.";
				layerRef="document.all";
				styleSwitch=".style";
				visibleVar="visible";
	}

	function showLayer(layerName){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+visibleVar+'"');
	}

	function hideLayer(layerName){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
	}

-->
</script>

[Solykis Linux]

Andreia, não deu tenta fazer um arquivo html completo talvez eu que esteja sendo burro hehe..obrigado pela ajuda

[Andreia Regina]

Ai está:

<script language="JavaScript">
<!--
	var visibleVar="null";

	if (navigator.appName == "Netscape") {
				layerStyleRef="layer.";
				layerRef="document.layers";
				styleSwitch="";
				visibleVar="show";
	} else {
				layerStyleRef="layer.style.";
				layerRef="document.all";
				styleSwitch=".style";
				visibleVar="visible";
	}

	function showLayer(layerName){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+visibleVar+'"');
	}

	function hideLayer(layerName){
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
	}
-->
</script>
<form name="form1" method="post" action="">
	 Identidade<input name="opcao" type="radio" value="on" checked onclick="java script:hideLayer('naodestaque');
showLayer('destaque');">
<br/>
	Certidão de Nascimento
<input name="opcao" type="radio" value="off" onclick="java script:hideLayer('destaque');
showLayer('naodestaque');"> 
	<div id="destaque">
	  Informações Identidade </div>
	<div id="naodestaque" style="visibility: hidden">
	  Informações Certidão  </div>
</form>

Testado e funcionando!

[Solykis Linux]

opa valeu!
assim que o site tiver pronto posto ai
Obrigado Andreia