SoloCodigo

Programación General => Java => JSP/Servlets => Mensaje iniciado por: SebastianGonzalez en Viernes 15 de Enero de 2010, 01:33

Título: Poner visible una caja de texto al apretar un botón
Publicado por: SebastianGonzalez en Viernes 15 de Enero de 2010, 01:33
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
Título: Re: Poner visible una caja de texto al apretar un botón
Publicado por: gophlb en Viernes 15 de Enero de 2010, 19:38
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
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
  1.  
  2. function mostrarCaja(){
  3.  //nos aseguramos de que existe la caja en cuestion
  4. if (document.getElementById("miCajaOculta")){
  5. document.getElementById("miCajaOculta").style = AquiLePonesElEstiloQueQuieras ;
  6. }
  7. }
  8.  
Título: Re: Poner visible una caja de texto al apretar un botón
Publicado por: SebastianGonzalez en Sábado 16 de Enero de 2010, 01:37
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!
Título: Re: Poner visible una caja de texto al apretar un botón
Publicado por: gophlb en Sábado 16 de Enero de 2010, 09:53
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!
style.visibility = 'visible'; //para hacerlo visible
style.visibility = 'hidden';//para volver a ocultarlo


:)
Título: Re: Poner visible una caja de texto al apretar un botón
Publicado por: SebastianGonzalez en Lunes 18 de Enero de 2010, 01:50
Muchísimas gracias, me ha funcionado perfecto ahora sí!!
Saludos :)
Título: Re: Poner visible una caja de texto al apretar un botón
Publicado por: gophlb en Lunes 18 de Enero de 2010, 09:39
como consejo, leete cosas sobre DOM y JScript, que te serviran para hacer cosas de estas

por ejemplo:
https://developer.mozilla.org/en/Gecko_DOM_Reference (https://developer.mozilla.org/en/Gecko_DOM_Reference" onclick="window.open(this.href);return false;)

o http://www.gotapi.com/html (http://www.gotapi.com/html" onclick="window.open(this.href);return false;) en su segunda pestañita superior, en la que pone dom jscript

puede valer :)


saludetes !