toniko Posted July 1, 2011 Report Share Posted July 1, 2011 Olá, tudo bem?Estou co um problema no meu código javascript para esconder e mostrar div usando selects.O Código:<script language=javascript type='text/javascript'> function mostra(id) {var aparece = document.getElementById(id); aparece.style.display = "block"; }function esconde(id){var aparece = document.getElementById(id); aparece.style.display = "none"; } </script>E o select: <tr> <td height='45'>Material:</td> <td ><div class='input_contato'> <select class='input_contato2' name='material' id=name='material'> <option value='' selected onclick=\"esconde('mat1');esconde('mat2');\"> </option> <option value='Sim' onclick=\"esconde('mat1');esconde('mat2');\">1010</option> <option value='Outros' onclick=\"mostra('mat1');mostra('mat2');\">Outros</option> </select></div> </td> <td height='45' > <div id='mat1' style='display:none;'>Outros:</div> </td> <td ><div id='mat2' style='display:none;'> <input type='text' class='input_contato2' /> </div> </td>Ele até que funciona bem no FireFox, mas ele não funciona no IE8 e no IE6.Poderiam me ajudar a arrumar ou se possivel me sugerirem um script melhor? Quote Link to comment Share on other sites More sharing options...
0 Ricardo Portolan Posted July 2, 2011 Report Share Posted July 2, 2011 (edited) Boa noite toniko.Bom, mudei um pouco o seu código mas a idéia era mais ou menos por aí mesmo.Claro, com certeza existe outras maneiras de se fazer o que você precisa mas comessa acredito que já quebra o seu galho.Segue o código abaixo:<html> <head> <title>Testando</title> <script language=javascript type='text/javascript'> function mostra(campo) { var mostra = document.getElementById(campo); mostra.style.display = "block"; } function esconder() { cont1.style.display = "none"; cont2.style.display = "none"; } </script> </head> <body> <select name="esc" id="esc" onchange="mostra(value);"> <option value="cont1">Mostrar 1</option> <option value="cont2">Mostrar 2</option> </select> <div id="cont1" style='display:none;'>Conteudo 1</div> <div id="cont2" style='display:none;'>Conteudo 2</div> <br> <input type="button" name="esconder" value="Esconder" onClick="esconder()"> </body> </html>Abraço. Edited July 2, 2011 by Ricardo Portolan Quote Link to comment Share on other sites More sharing options...
Question
toniko
Olá, tudo bem?
Estou co um problema no meu código javascript para esconder e mostrar div usando selects.
O Código:
<script language=javascript type='text/javascript'>
function mostra(id) {
var aparece = document.getElementById(id);
aparece.style.display = "block";
}
function esconde(id){
var aparece = document.getElementById(id);
aparece.style.display = "none";
}
</script>
E o select:
<tr>
<td height='45'>Material:</td>
<td ><div class='input_contato'>
<select class='input_contato2' name='material' id=name='material'>
<option value='' selected onclick=\"esconde('mat1');esconde('mat2');\"> </option>
<option value='Sim' onclick=\"esconde('mat1');esconde('mat2');\">1010</option>
<option value='Outros' onclick=\"mostra('mat1');mostra('mat2');\">Outros</option>
</select></div>
</td>
<td height='45' >
<div id='mat1' style='display:none;'>Outros:</div>
</td>
<td ><div id='mat2' style='display:none;'>
<input type='text' class='input_contato2' />
</div>
</td>
Ele até que funciona bem no FireFox, mas ele não funciona no IE8 e no IE6.
Poderiam me ajudar a arrumar ou se possivel me sugerirem um script melhor?
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.