Foros del Web » Creando para Internet » HTML »

Formulario Oculto

Estas en el tema de Formulario Oculto en el foro de HTML en Foros del Web. Buenas a todos! Alguien me podría ayudar a saber cómo hacer un formulario que esté oculto y sólo se muestre por medio de una "pestaña" ...
  #1 (permalink)  
Antiguo 28/02/2013, 12:34
Avatar de ivannovic  
Fecha de Ingreso: marzo-2012
Ubicación: Mexico
Mensajes: 8
Antigüedad: 12 años, 7 meses
Puntos: 0
Formulario Oculto

Buenas a todos!

Alguien me podría ayudar a saber cómo hacer un formulario que esté oculto y sólo se muestre por medio de una "pestaña" que al momento de hacer clic sobre ella se muestre dicho formulario?

Muchas gracias

Saludos

  #2 (permalink)  
Antiguo 28/02/2013, 14:23
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Formulario Oculto

Cita:
Iniciado por ivannovic Ver Mensaje
Buenas a todos!

Alguien me podría ayudar a saber cómo hacer un formulario que esté oculto y sólo se muestre por medio de una "pestaña" que al momento de hacer clic sobre ella se muestre dicho formulario?

Muchas gracias

Saludos

Por defecto tenerlo oculto con display: none; en el css y al clickear la pestaña botón cambiarle la propiedad a display: block; con javascript

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 28/02/2013, 15:52
Avatar de sck1983  
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla
Mensajes: 110
Antigüedad: 19 años
Puntos: 2
Respuesta: Formulario Oculto

Buenas noches ivannovic gracias a JQuery tienes dos herramientas que te pueden solucionar el problema. Las funciones don .hide() y .show()

Te dejo los enlaces donde puedes aclararte:

http://api.jquery.com/hide/

http://api.jquery.com/show/

Saludos.
__________________
PhoneGap Spain - La comunidad de habla hispana para programadores de PhoneGap.

www.phonegapspain.com
@phonegapspain
  #4 (permalink)  
Antiguo 28/02/2013, 17:08
Avatar de ivannovic  
Fecha de Ingreso: marzo-2012
Ubicación: Mexico
Mensajes: 8
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Formulario Oculto

Gracias emprear, intentaré de esta forma!

Gracias también sck1983, hay forma que la animación sea poniendo una pequeña pestaña del lado derecho de la página y que al momento de hacer clic se despliegue el formulario y al hacer clic en enviar aparezca un mensaje: "Información Enviada" y se oculte?

Saludos!
  #5 (permalink)  
Antiguo 28/02/2013, 18:04
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Formulario Oculto

Cita:
Iniciado por ivannovic Ver Mensaje
Gracias emprear, intentaré de esta forma!

Gracias también sck1983, hay forma que la animación sea poniendo una pequeña pestaña del lado derecho de la página y que al momento de hacer clic se despliegue el formulario y al hacer clic en enviar aparezca un mensaje: "Información Enviada" y se oculte?

Saludos!
Bueno, la palabra animación la estás introduciendo recién ahora.
Podés hacer cosas como esta, analizá los códigos para adaptarla

http://foros.emprear.com/ajax/post2/form.html
http://foros.emprear.com/php/demo-form-ajax-captcha/

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 01/03/2013, 07:53
Avatar de sck1983  
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla
Mensajes: 110
Antigüedad: 19 años
Puntos: 2
Respuesta: Formulario Oculto

Cita:
Iniciado por ivannovic Ver Mensaje
Gracias emprear, intentaré de esta forma!

Gracias también sck1983, hay forma que la animación sea poniendo una pequeña pestaña del lado derecho de la página y que al momento de hacer clic se despliegue el formulario y al hacer clic en enviar aparezca un mensaje: "Información Enviada" y se oculte?

Saludos!
Ivannovic si se puede hacer todo eso que comentas, mira te pasó estos dos enlaces donde se explican perfectamente los efectos down y up de JQuery.

http://www.w3schools.com/jquery/jquery_slide.asp

Y este puedes ver el código en funcionamiento

http://www.w3schools.com/jquery/tryi...ery_slide_down

Espero que te sea de ayuda.
__________________
PhoneGap Spain - La comunidad de habla hispana para programadores de PhoneGap.

www.phonegapspain.com
@phonegapspain

Etiquetas: formulario, html5, login
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:16.