hacer visible - hidden un textbox

Dorita · #1 (**permalink**) 08/09/2005, 18:04

Hola chicos:

necesito una mano: quiero saber cómo es la propiedad que se ocupa en javascript para hacer visible o hidden un elemento de formulario, como un textbox o un listbox. lo que yo quiero hacer es esto:

tengo una tabla q se genera con datos sacados de la bd, uno de los datos lo muestro en un texbox, y quiero q si se hace click sobre un radio button, desaparezca el textbox y que en la misma ubicacion donde estaba este en la tabla aparezca un listbox. trate con capas, pero no m sirven, por q necesito q el nuevo elemento aparezca exactamente en la misma ubicacion del anterior.
de antemano muchas gracias, y salu2.-

flaviovich · #2 (**permalink**) 08/09/2005, 19:53

Pones esto inicialmente:
<input style="visibility:hidden" name="textbox" type="text">

y cuando hagas click en el checkbox:
<input name="radiobutton" type="radio" value="1" onClick="document.tuForm.textbox.style.visibility= visible">

Incluso podrias crearte una funcion...
Lo del listbox, no lo entendi. Pero con esto creo que tu misma podrias hacer lo que falta.
Si no, solo escribe :)

Dorita · #3 (**permalink**) 09/09/2005, 08:00

Gracias Flaviovich por tu pronta respuesta, pero no me funciona, no se por q. al hacer click en el checkbox aparece un simbolo de alerta en la barra inferior, el detalle del error es:

Error: 'document.planGrabacion.txt_plan.style' no es un objeto

y el codigo q tengo es este:

Código HTML:

<input name="rd_modificar" type="radio" onClick="document.planGrabacion.txt_plan.style.visibility='hidden' " value="<%=RS2("ide_gru")%>">

 <input name="txt_plan" type="text" size="15" style="visibility:visible" readonly="yes" value="<%=tipoPlanDefault%>">

los nombres del form y del textbox estan ok, probe cambiandole el tipo de comillas a hidden, y ya probe haciendolo en una funcion, y da el mismo error.

gracias
salu2.-

tunait · #4 (**permalink**) 09/09/2005, 08:15

Qué raro ¿seguro está igual el nombre del form?

no sé, prueba así

onclick="this.form.txt_plan.style.visibility='visi ble'"

Jose_minglein2 · #5 (**permalink**) 09/09/2005, 08:51

Yo lo hago asi:

document.getElementById('a').style.display = 'none';

y

document.getElementById('a').style.display = 'in-line';

flaviovich · #6 (**permalink**) 09/09/2005, 13:26

Pues si, es extraño!
Prueba asi:
onClick:"javascript:document.planGrabacion.txt_pla n.style.visibility='hidden'"

higi · #7 (**permalink**) 09/09/2005, 14:52

Hola ...

A mi tambien me pasa igual.

Me puden colaborar con este inconveniente. necesito un ejemplo practico.

Gracias.

onlykfk · #8 (**permalink**) 09/09/2005, 15:48

flaviovich · #9 (**permalink**) 09/09/2005, 19:28

Cita:

Iniciado por higi

Hola ...

A mi tambien me pasa igual.

Me puden colaborar con este inconveniente. necesito un ejemplo practico.

Gracias.

Aqui esta un ejemplo:

Código HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name="planGrabacion" method="post" action="">
  <input name="rd_modificar" type="radio" onClick="document.planGrabacion.combo.style.display='inline'; document.planGrabacion.txt_plan.style.display='none';" value="1">
  <input name="txt_plan" type="text">
  <select name="combo" style="display:none">
  </select>
</form>
</body>
</html>

Funciona en IE y FF

Tiamat73 · #10 (**permalink**) 22/09/2009, 15:36

Hola Dorita, con respecto a tú problema, te puedo decir que es correcto tú codigo.

He creado una forma con el name "planGrabacion" y los input que indicas y funciona correctamente.

Ahora, ya verificaste que tú forma no este duplicada, es decir que tengas dos instancias del form con name planGrabacion o en el mayor de los defectos que sea ahi donde esta mal escrito.

Saludos y espero te sea de utilidad.

A continuación te pongo el código que he replicado y ha funcionado correctamente.

<form name="planGrabacion" method="post" action="">
<input name="rd_modificar" type="radio" onClick="document.planGrabacion.txt_plan.style.vis ibility='hidden' " value="<%=RS2("ide_gru")%>">
<input name="txt_plan" type="text" size="15" style="visibility:visible" readonly="yes" value="<%=tipoPlanDefault%>">
</form>

Cita:

Iniciado por Dorita

Gracias Flaviovich por tu pronta respuesta, pero no me funciona, no se por q. al hacer click en el checkbox aparece un simbolo de alerta en la barra inferior, el detalle del error es:

Error: 'document.planGrabacion.txt_plan.style' no es un objeto

y el codigo q tengo es este:

Código HTML:

<input name="rd_modificar" type="radio" onClick="document.planGrabacion.txt_plan.style.visibility='hidden' " value="<%=RS2("ide_gru")%>">

 <input name="txt_plan" type="text" size="15" style="visibility:visible" readonly="yes" value="<%=tipoPlanDefault%>">

los nombres del form y del textbox estan ok, probe cambiandole el tipo de comillas a hidden, y ya probe haciendolo en una funcion, y da el mismo error.

gracias
salu2.-