Ocultar campo texto al apretar un boton

ftabilo · #1 (**permalink**) 26/09/2007, 11:38

Hola, este es un tema repetido y lo sé, me he paseado por las FAQ'S de javascript y esto sale, pero no exactamente como yo lo necesito, en las FAQ'S, sale como ocultar campos a partir de un checkbox, yo necesito ocultar un campo texto cuando se presione un boton, he pasado todo el dia en esto y no me ha resultado.

Es extraño, ya que la consola de error de Mozilla, no me muestra nada, simplemente no funciona el codigo. aqui lo pongo para que me digan porfavor que le falta

.

Código HTML:

<HTML>
<HEAD>
<SCRIPT language="javascript" type="text/javascript">
function mostrar_ocultar() {
document.Form.texto.visibility = 'hide';
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="Form">
<input name="texto" type="text" id="texto" />
<INPUT TYPE="button" NAME="Accion" ONCLICK="JavaScript:mostrar_ocultar()" value="Ocultar">
</FORM>
</BODY>
</HTML>

Es extraño lo que sucede, porfavor les pido de corazon una ayudadita, ya que apartir de esto, voy a hacer otro proceso en javascript pero primero necesito lograr esto.

Gracias.

JavierB · #2 (**permalink**) 26/09/2007, 11:44

Hola ftabilo

Código:

document.Form.texto.style.visibility = 'hide';

Algunos consejos: pon las etiquetas HTML y las propiedades de los objetos en minúscula; no es necesario que pongas javascript: en el evento onclick

Saludos,

ftabilo · #3 (**permalink**) 26/09/2007, 12:20

Gracias por la ayuda JavierB, seguí tus recomendaciones, pero hay algo que me esta faltando, ya que el script no me funciona ni en mozilla ni en IE, pero tampoco me salen errores, hay alguien que haya hecho algo parecido?.

Gracias

JavierB · #4 (**permalink**) 26/09/2007, 12:29

Hola de nuevo.

Hay otra cosa que se me había escapado antes:

Código:

document.Form.texto.style.visibility = 'hidden';

Funciona en Firefox y en IE

Saludos,

messer · #5 (**permalink**) 26/09/2007, 12:40

Pues yo habia visto el valor hidden, supongo que se equivoco, no se recuerda colocar .style saludos.

ftabilo · #6 (**permalink**) 03/10/2007, 13:13

Hola:
He encontrado la solución, lo dejo por si a alguien le sirve.

<html>
<head><title>ejemplo</title>
<script language="javascript">
function mostrar_ocultar()
{
document.getElementById('texto').style.display='no ne';
}
</script>
</head>
<body>
<form name="formulario">
<input type="button" name="Accion" onClick="mostrar_ocultar()" value="Ocultar"><br/>
<input name="texto" type="text" id="texto" size="20"/>
</form>
</body>
</html>

Saludos.

tatyta · #7 (**permalink**) 13/04/2008, 05:39

gracias por eso tengo tiempo busacando hacer algo asi, pero al reves en lugar de ocultar, mostrar un campo al pulsar un boton, voy a probar con este codigo

Gracias

alcides_jr_1 · #8 (**permalink**) 13/04/2011, 12:49

como hago si quiero ocultar varios text input pero que sean con el mismo id por que son un promedio de como 50 input se se habre o cierran segun un valor que se coloque

JavierB · #9 (**permalink**) 13/04/2011, 12:54

Hola alcides_jr_1

Te recuerdo el aviso que había al final de este tema y que parece que no has leído o no le has hecho ni caso.

Tema cerrado.