Como escondo un textarea?

Said · #1 (**permalink**) 21/09/2006, 11:58

Hola, como puedo esconder un textarea, pero que cuando le dan en algun checkbox por ejemplo que lo muestre?

La cosa es:

Un cuestionario en donde se pregunta si cierto sistema ha resultado facil o dificil para el usuario, lo que pretendo es que si le dan en dificil como respuesta que entonces aparezca el textarea para que expliquen porque.

Gracias!!!

JavierB · #2 (**permalink**) 21/09/2006, 12:02

Hola Said

A ver si esto te sirve:

Código:

<form>
<input type="checkbox" onclick = "txt.style.visibility = (this.checked) ? 'visible' : 'hidden'" />
<textarea name="txt" style="visibility:hidden"></textarea>
</form>

Saludos,

Said · #3 (**permalink**) 21/09/2006, 12:10

muchas gracias, je y si quiero ocultarla? onde le cambio, la idea tambien es que si le dan dificil que lo muestre pero si se arrepiente y le da en facil, lo vuelva a esconder :D

Muchisimas gracias, si me sirvio. Saludos!!

JavierB · #4 (**permalink**) 21/09/2006, 12:14

Hola de nuevo.

No entiendo

Con el código que te puse se muestra y se oculta con el mismo checkbox.

Saludos,

Said · #5 (**permalink**) 21/09/2006, 12:36

solo lo muestra

Said · #6 (**permalink**) 21/09/2006, 12:40

otra pregunta, y si quiero que al darle al radio boton me esconda dos textarea?

Muchas gracias por la pasiencia :)

JavierB · #7 (**permalink**) 21/09/2006, 12:40

¿Estás seguro?
Saludos,

Said · #8 (**permalink**) 21/09/2006, 12:43

Ah!! sorry es que estoy usando un radiobutton

y con ese no me funciona :S

JavierB · #9 (**permalink**) 21/09/2006, 12:50

Para ocultar/mostrar 2 textarea (o más) usa esto:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar(chk) {
  ver = (chk.checked) ? 'visible' : 'hidden';
  chk.form.txt1.style.visibility = ver;
  chk.form.txt2.style.visibility = ver;
}
</script>
</head>
<body>
<form>
<input type="checkbox" onclick = "mostrar(this)" />
<textarea name="txt1" style="visibility:hidden"></textarea>
<textarea name="txt2" style="visibility:hidden"></textarea>
</form>
</body>
</html>

Saludos,

Said · #10 (**permalink**) 25/09/2006, 11:09

Muchas gracias por la ayuda y la paciensia

Otras pregunta, como puedo hacer para que al esconderse el textarea no se conserve el espacio que va a ocupar?

Porque pasa esto:

Pregunta 1
.
.
.
.
Pregunta 2
.
.
.
.
Pregunta 3
.
.
.
.

O sea que se conserva el espacio del textarea este visible o no, puedo hacer que quite ese espacio mientras no es visible el textarea?

Gracias de nuevo!!

JavierB · #11 (**permalink**) 25/09/2006, 11:16

Hola de nuevo.

He modificado un poco el código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar(chk) {
  ver = (chk.checked) ? 'block' : 'none';
  chk.form.txt1.style.display = ver;
  chk.form.txt2.style.display = ver;
}
</script>
</head>
<body>
<form>
<input type="checkbox" onclick = "mostrar(this)" />
<textarea name="txt1" style="display:none"></textarea>
<textarea name="txt2" style="display:none"></textarea>
<input type="text" />
</form>
</body>
</html>

Dependiendo de como tengas organizado tu formulario, es posible que en lugar de block tengas que usar inline

Saludos,

Said · #12 (**permalink**) 25/09/2006, 14:11

Muchas Gracias JavierB

Muy itul toda tu ayuda!!

Saludos!!

SpankThru · #13 (**permalink**) 21/12/2010, 06:09

He seguido el hilo y me ha servido parcialmente, ya que lo que yo trato de esconder es, como aqui, un textarea, pero no tras pulsar un checkbox sino tras enviar con submit, ¿podríais echarme un cable? merci beaucouop :)