Programación General > JSP/Servlets

 Poner visible una caja de texto al apretar un botón

(1/2) > >>

SebastianGonzalez:
Hola a todos:

tengo un botón en una página jsp y una caja de texto oculta, yo necesito que al hacer click en el botón la caja de texto se ponga en visible. Cómo le puedo hacer?

Tengo esto:

 <input type="text" name="nombre" style="visibility:hidden"/>

  <input type="button" value="Mostrar" />

Agradezco su ayuda!
Saludos
Sebastián

gophlb:

--- Cita de: "SebastianGonzalez" ---Hola a todos:

tengo un botón en una página jsp y una caja de texto oculta, yo necesito que al hacer click en el botón la caja de texto se ponga en visible. Cómo le puedo hacer?

Tengo esto:

 <input type="text" name="nombre" style="visibility:hidden"/>

  <input type="button" value="Mostrar" />

Agradezco su ayuda!
Saludos
Sebastián
--- Fin de la cita ---
yo lo haria por dom, con jscript:

al input type le pondria un id="miCajaOculta" en lugar de name

luego al boton le añadiria un onclick="mostrarCaja()"

y finalmente en la parte jscript del jsp le definiria la funcion mostrarCaja:

--- Código: Text --- function mostrarCaja(){ //nos aseguramos de que existe la caja en cuestionif (document.getElementById("miCajaOculta")){document.getElementById("miCajaOculta").style = AquiLePonesElEstiloQueQuieras ;}} 

SebastianGonzalez:
Hola, muchas gracias por tu respuesta.

He puesto como me dijiste pero no se qué es lo que tengo que poner en style, puse tal cual como es la propiedad cuando se define la caja, pero no me funciona y cuando ejecuto la página jsp y apreto el botón me aparece a la izquierda abajo un ícono amarillo de advertencia diciendo que la página se cargó con errores.

function mostrarCaja(){
if (document.getElementById("miCajaOculta"))
{
document.getElementById("miCajaOculta").style = "visibility:visible"  ;
}
}
</script>

Saludos!

gophlb:

--- Cita de: "SebastianGonzalez" ---Hola, muchas gracias por tu respuesta.

He puesto como me dijiste pero no se qué es lo que tengo que poner en style, puse tal cual como es la propiedad cuando se define la caja, pero no me funciona y cuando ejecuto la página jsp y apreto el botón me aparece a la izquierda abajo un ícono amarillo de advertencia diciendo que la página se cargó con errores.

function mostrarCaja(){
if (document.getElementById("miCajaOculta"))
{
document.getElementById("miCajaOculta").style = "visibility:visible"  ;
}
}
</script>

Saludos!
--- Fin de la cita ---
style.visibility = 'visible'; //para hacerlo visible
style.visibility = 'hidden';//para volver a ocultarlo


:)

SebastianGonzalez:
Muchísimas gracias, me ha funcionado perfecto ahora sí!!
Saludos :)

Navegación

[0] Índice de Mensajes

[#] Página Siguiente