Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos_imasters

[Resolvido] exibi e nao exibi

Recommended Posts

ola gente tipo coloquei

 

se seleciona sim mostra um div se seleciona nao mostra outra div mais tipo fiz assim mais se uma pessoa clica em sim antes quando clica em nao a outra fica aberta tabem entao

queria se clicasse nao fechasse a que tah aberta

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>testes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


</head>

<body>
<script>
function exibir(numero){
 var selecionadoparaexibir = document.getElementById("respotas-" + numero);
 selecionadoparaexibir.style.visibility = "visible"; 
}
function naoexibir(numero){
var selecionadoparanaoexibir = document.getElementById("naorespotas-" + numero);
selecionadoparanaoexibir.style.visibility = "visible";
}
 </script>


<input type="radio" name="materia1" onclick="exibir(1)" value="sim" />
Sim
<input type="radio" name="materia1" onclick="naoexibir(1)" value="Nao" />
Não


<div id="respotas-1" style="visibility: hidden; overflow: hidden; display: block;">exibido</div>
<div id="naorespotas-1" style="visibility: hidden; overflow: hidden; display: block;">naoexibi</div>

nossa dei ate conta mais fica uma espaço em banco fiz assim ...

<script>
function exibir(numero){
 var selecionadoparaexibir = document.getElementById("respotas-" + numero);
 selecionadoparaexibir.style.visibility = "visible"; 
}
function naoexibir(numero){
var selecionadoparanaoexibir = document.getElementById("naorespotas-" + numero);
selecionadoparanaoexibir.style.visibility = "visible";
 var selecionadoparaexibir = document.getElementById("respotas-" + numero);
 selecionadoparaexibir.style.visibility = "hidden"; 
}
 </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

pow willian

 

dei conta de fazer assim valeu ae =D

 

<html>
<head>
<script language="Javascript">
function showDiv(div)
{
document.getElementById("respota1").className = "invisivel";
document.getElementById("respota2").className = "invisivel";


document.getElementById(div).className = "visivel";
}
</script>
<style>
.invisivel { display: none; }
.visivel { visibility: visible; }
</style>
</head>
<body>

<input type="radio" name="radio" id="radio" value="respota1" onclick="showDiv(this.value);">
Sim 
<label for="radio"></label>

<div id="plano3" class="invisivel">Se qeuiser um terceiro plano, este é o espaço</div>
<input type="radio" name="radio" id="radio2" value="respota2" onclick="showDiv(this.value);"> 
Nao


<div id="respota1" class="invisivel">Questoes se forem sim</div>
<div id="respota2" class="invisivel">questoes se forem nao</div>
ddddddd
</body>
</html> 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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