Comunidad de diseño web y desarrollo en internet online

consulta mostrar ocultar campos div con javascript

Citar            
MensajeEscrito el 10 Feb 2010 03:22 am
buenas noches gente.. tengo una duda , que creo que es posible pero no se como implementarla...

tengo en una parte de un formulario un checkbox para mostrar ocultar un div..

algo asi

<div id="resultado"></div>
<input type="checkbox" name="c1" onClick="showMe('div1', this)">No encuentro el modelo
<div id="div1" style="display:none">
<table border=1 id="t1">

modelo:<input type="text" name="modelo1">

y trabaja con este script js

<script type="text/javascript">
<!--
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
//-->
</script>


ahora mi consulta es esta... como puedo hacer para que en el momento de clickear el checkbox no solo se muestre el campo div modelo1 sino que tambien se oculte el campo div resultado

muchas gracias

Por rrecarte

14 de clabLevel



 

opera
Citar            
MensajeEscrito el 10 Feb 2010 07:24 am
Dentro de tu actual código JS:

Código Javascript :

<script type="text/javascript">
<!--
function showMe (show_id, hide_id, box) {
var vis = (box.checked) ? "block" : "none";
  if (box.checked == 'block') 
  {
    document.getElementById(show_it).style.display = 'block';
    document.getElementById(hide_it).style.display = 'none';
  }
  else
  {
    document.getElementById(show_it).style.display = 'none';
    document.getElementById(hide_it).style.display = 'block';
  }
}
//-->
</script>


... se me ocurre esto... seguiré durmiendo. Pruebalo antes de subirlo! Ya me cuentas!

Para evitartar dolores de cabeza, te recomiendo que veas jQuery... es trabajar con javascript... pero mejor! :)

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.