ocultar

bhonox · #1 (**permalink**) 02/09/2003, 11:30

estaba revisando por la busqueda y encontre este codigo que es mas o menos lo que necesito, salvo que en vez de un input checkbox tiene q ser un input radio

Código PHP:

  <script language="JavaScript"> 
function showHide(o) 
{ 
var form = document.frm; 
if(!o.checked){ 
form.drop.style.visibility = 'hidden' 
}else{ 
form.drop.style.visibility = 'visible' 
} 
return true; 
} 
</script> 
 
 
<form action="" method="post" name="frm"> 
  <select name="drop" size="1"> 
<option value="" selected>[SELECT]</option> 
<option value="Uno">Uno</option> 
<option value="Dos">Dos</option> 
  </select><br> 
  <input type="checkbox" name="C1" value="ON" checked onClick="return showHide(this)"> 
  <font face="Arial" size="1">Mostrar / Ocultar</font> 
</form>

como lo puedo hacer con un radio... es decir tengo 3 botones radio y quiero q el primero cuando pierda el chequeo q desaparezca y cuando lo checkeen aparezca el select

alguien me puede ayudar...

Kaopectate · #2 (**permalink**) 02/09/2003, 13:42

Hola bhonox.

Prueba esto:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function showHide(bChk){ 
    var form = document.frm; 
    if(!bChk){ 
     form.drop.style.visibility = 'hidden'; 
    } else { 
     form.drop.style.visibility = 'visible'; 
    } 
    return true; 
   } 
  </script> 
 </head> 
  <form action="" method="post" name="frm"> 
   <input type="radio" name="C1" checked onClick="return showHide(false)"> 
   <font face="Arial" size="1">Español</font> 
   <input type="radio" name="C1" onClick="return showHide(false)"> 
   <font face="Arial" size="1">Inglés</font> 
   <input type="radio" name="C1" onClick="return showHide(true)"> 
   <font face="Arial" size="1">Otro (especifique)</font><br> 
   <select name="drop" size="1" style="visibility: hidden"> 
    <option value="" selected>[SELECT]</option> 
    <option value="Uno">ASCII</option> 
    <option value="Dos">Binario</option> 
    <option value="Dos">Unicode</option> 
   </select><br> 
  </form> 
 </body> 
</html>

Saludos.

bhonox · #3 (**permalink**) 02/09/2003, 13:47

grax men...

exactamente lo que queria...

nachohuerta · #4 (**permalink**) 03/09/2003, 09:49

Hola.

¿se podria hacer algo parecido con lineas de una tabla?
o sea, que aparezcan y desaparezcan lineas (<TR> </TR>)

he pensado que asignandoles un id a cada linea podriamos hacer algo asi, estoy en lo correcto?

DIL · #5 (**permalink**) 04/09/2003, 07:25

Para las filas de una tabla, no habría mas que dar un ID al elemento <tr>, y jugar con la propiedad

.style.display,

conmutando entre "block" y "none"