Ajuda Com Script

#1 Suzana V.

Novato no fórum

Usuários
23 posts

Sexo:Feminino

Posted 22/12/2009, 09:33

Bom dia Gente!

Estou com um probleminha com esse fonte q a função nao esta funcionando...

<html>
<head>
</head>
<body>
<script>

function pergunta() 
{ 
	if ( document.teste.opt ) 
	{
	
    for ( var i=0; i < document.teste.opt.length; i++ ) 
    { 
			if ( document.teste.opt[i].checked ) 
			{
				if ( document.teste.opt[i].value=="v" ) 
				{
					document.getElementById('if_layout').style.display = 'block';
					document.getElementById('formNao').style.display   = 'none';
				} 
				else 
				{
					document.getElementById('if_layout').style.display = 'none';
					document.getElementById('formSim').style.display   = 'block';
				}
	     	} 
	     	else 
	     	{
				document.getElementById('if_layout').style.display = 'none';
				document.getElementById('formNao').style.display   = 'none';
				document.getElementById('formSim').style.display   = 'none';
	  	}   
     } 
	}
}
</script>

<div id="teste">
<form name="teste">
<center>Este chamado foi encerrado?<br>&nbsp 
	Sim<INPUT type=radio value="v" name="opt" onclick="document.getElementById('if_layout').style.visible='hidden';" >
				&nbsp &nbsp &nbsp &nbsp  
	Não<INPUT type=radio value="f" name="opt" onclick="document.getElementById('formNao').style.visible='hidden';" >
</center>
<br><br>
<center>
<INPUT type="button" value="Ok" onclick="pergunta()"></center>
</form>

<div id="if_layout">
&nbsp;&nbsp;&nbsp;Controle de Satisfação<br>

<tr>
	<td>
	<input name="input" type="radio" value"Regular"> Regular&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Bom"> Bom&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Ótimo"> Ótimo&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Execelente"> Exelente&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Ruim"> Ruim&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Péssimo"> Péssimo&nbsp;&nbsp;<br><br>
	</td>
</tr>
</div>
</table>

<center>
<div id="formNao">
<form id="formNao" >
<textarea name="observacao" cols="40" rows="6"></textarea><br><br>
<input type="submit" name="update" value="Reabrir Chamado"><br><br>
</div>
</form>
					
<div id="formSim">
<form id="formSim" >
<textarea name="observacao" cols="40" rows="6"></textarea><br><br>
<input type="submit" name="update" value="Fechar Chamado"><br><br>
</div>
</form>
</center>				

</body>
</html>

Eu qria q quando clicar em "sim" abre o Controle de Satisfação e se for "nao" abre o campo textarea, e se nada estiver selecionado nao aparece nada, soh a pergunta Este chamado foi encerrado com os combo sim ou nao.

Se alguem poder me ajuda ^_^

Agradeço desde já

#2 Alex Hiroshi

Super Veterano

Ex-Admins
4923 posts

Sexo:Masculino
Localidade:São Paulo - SP

Posted 22/12/2009, 15:10

Primeiro troque os id's, use id's diferentes:

<div id="formNao">
<form id="formNao" >
....
<div id="formSim">
<form id="formSim" >

Como não é para aparecer nada quando não for selecionado nenhuma das opções, tire a visibilidade do elemento #if_layout e do #formNao.

<style type="text/css" media="screen">
	#formNao, #if_layout {display:none}
</style>

Agora troque o evento onclick sim e do não:

onclick="document.getElementById('if_layout').style.display='block';"//sim
onclick="document.getElementById('formNao').style.display='block';"//não

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 Suzana V.

Novato no fórum

Usuários
23 posts

Sexo:Feminino

Posted 05/01/2010, 08:46

Obrigado pelo ajuda Aleex

Mais ainda nao funcionou...
Olha como ficoou:

<html>
<head>
</head>
<body>
<script>
<style type="text/css" media="screen">        
#idNao, #if_layout {display:none}
</style>

function pergunta() 
{ 
	if ( document.teste.opt ) 
	{
	
    for ( var i=0; i < document.teste.opt.length; i++ ) 
    { 
			if ( document.teste.opt[i].checked ) 
			{
				if ( document.teste.opt[i].value=="v" ) 
				{
					document.getElementById('if_layout').style.display = 'block';
					document.getElementById('idNao').style.display   = 'none';
				} 
				else 
				{
					document.getElementById('if_layout').style.display = 'none';
					document.getElementById('idSim').style.display   = 'block';
				}
	     	} 
	     	else 
	     	{
				document.getElementById('if_layout').style.display = 'none';
				document.getElementById('idNao').style.display   = 'none';
				document.getElementById('idSim').style.display   = 'none';
	  	}   
     } 
	}
}
</script>

<div id="teste">
<form name="teste">
<center>Este chamado foi encerrado?<br>&nbsp 
	Sim<INPUT type=radio value="v" name="opt" onclick="document.getElementById('if_layout').style.display='block';">
				&nbsp &nbsp &nbsp &nbsp  
	Não<INPUT type=radio value="f" name="opt" onclick="document.getElementById('idNao').style.display='block';" >
</center>
<br><br>
<center>
<INPUT type="button" value="Ok" onclick="pergunta()"></center>
</form>

<div id="if_layout">
&nbsp;&nbsp;&nbsp;Controle de Satisfação<br>

<tr>
	<td>
	<input name="input" type="radio" value"Regular"> Regular&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Bom"> Bom&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Ótimo"> Ótimo&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Execelente"> Exelente&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Ruim"> Ruim&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="input" type="radio" value"Péssimo"> Péssimo&nbsp;&nbsp;<br><br>
	</td>
</tr>
</div>
</table>

<center>
<div id="idNao">

<textarea name="observacao" cols="40" rows="6"></textarea><br><br>
<input type="submit" name="update" value="Reabrir Chamado"><br><br>
</div>

					
<div id="idSim">

<textarea name="observacao" cols="40" rows="6"></textarea><br><br>
<input type="submit" name="update" value="Fechar Chamado"><br><br>
</div>

</center>				

</body>
</html>

Deeeu certo!

A função nao estava funcionando por causa do <style> entre o <script> ai fico assim

<style type="text/css" media="screen"> 
#idNao, #if_layout {display:none}
</style>
<script>
function pergunta() 
...
</script>

e funcionou

#1 Suzana V.

#2 Alex Hiroshi

#3 Suzana V.

1 user(s) are reading this topic

Entrar