Ir para conteúdo

POWERED BY:

Arquivado

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

twpesquisa

[Resolvido] DIVs

Por , em Javascript

Recommended Posts

twpesquisa    1

twpesquisa
Postado

Pessoal, peguei essa idéia do forum e não está funcionando...

Onde pode estar o erro ???

Quem pode me ajudar ???

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=content-type>
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
function hide_all( el, tagName ){
var tags = el.getElementsByTagName( tagName );
for( var i=0; i<tags.length; i++ )
{
 tags[i].style.display = 'none';
}
}
window.onload = function()
{
hide_all( id('form'), 'div' );
var inputs = document.getElementsByTagName('input');
for( i in inputs )
{
 inputs[i].onclick = function()
 {
  hide_all( id('form'), 'div' );
  id( this.value ).style.display = id( this.value ).style.display=='block' ? 'none' : 'block';
 }
}
}
</script>
</head>
<body>

<fieldset id="form">
 <p><input name="opc" type="radio" value="opc1" />
 <strong>Cancelar</strong> - Solicite o cancelamento.</p>
 <div id="opc1" style="display:none;">
<table border="0" cellspacing="0" cellpadding="0">
 <tr>
<td><form id="form1" name="form1" method="post" action="">
 	<p>Motivo do cancelamento
   	<input type="text" name="textfield" id="textfield" />
 	</p>
 	<p>
   	<input name="button" type="submit" id="button" value="Enviar cancelamento" />
 	</p>
</form></td>
 </tr>
</table>
 </div><!-- /opc1 -->



 <p><input name="opc" type="radio" value="opc2" />
 <strong>Contato</strong> - Faça um contato conosco</p>
 <div id="opc1" style="display:none;">
<table border="0" cellspacing="0" cellpadding="0">
 <tr>
<td><form id="form2" name="form2" method="post" action="">
 	<p>Nome
   	<input type="text" name="textfield2" id="textfield2" />
 	</p>
 	<p>Telefone
   	<input type="text" name="textfield3" id="textfield3" />
 	</p>
 	<p>
   	<input type="submit" name="button2" id="button2" value="Enviar contato" />
 	</p>
</form></td>
 </tr>
</table>
 </div><!-- /opc1 -->  


 <p><input name="opc" type="radio" value="opc3" />
 <strong>Produtos</strong> - Solicite um produto</p>
 <div id="opc3" style="display:none;">
<table border="0" cellspacing="0" cellpadding="0">
 <tr>
<td><form id="form3" name="form2" method="post" action="">
 	<p>Nome
   	<input type="text" name="textfield2" id="textfield2" />
 	</p>
 	<p>Qual produto
   	<input type="text" name="textfield3" id="textfield3" />
 	</p>
 	<p>
   	<input type="submit" name="button2" id="button2" value="Enviar contato" />
 	</p>
</form></td>
 </tr>
</table>
 </div><!-- /opc3 -->
</fieldset>

</body>
</html>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

se você estiver rodando no ie

 

troque:

for( i in inputs )

por:

for( var i=0; i<inputs.length; i++ )

 

 

código meu :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

twpesquisa    1

twpesquisa
Postado

Achei o erro, mas não sei arrumar...

No firefox funciona, mas no internet explorer não .

 

 

 

Funcionou ...

William, porque isso ocorre ??

 

Isso mesmo, o código é seu... clap.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

algum problema no interpretador do ie.. por algum motivo ele não aceita muito bem essa sintaxe resumida do for

 

talvez ele trate o array de uma forma diferente, ou sei lá..

nunca fui muito atrás pra descobrir.

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