Ocultar formulario tras envío

Ekbrilo · #1 (**permalink**) 14/06/2007, 10:36

Hola, me gustaría saber si es posible mediante CSS que, tras pulsar el botón de envío de un formulario, éste quede oculto, por ejemplo mediante un mensaje de confirmación de envío (se entiende que del mismo tamaño que el formulario) y sin recurrir a Javascript.

marcelomdsc · #2 (**permalink**) 14/06/2007, 11:08

como yo lo hago, y me parece que es una forma agradable es, cuando el usuario envia el formulario, al momento de hacer click en enviar, es redirigido a una pagina que le da las gracias por haberlo hecho, y en esa pagina hacer un redirect a la home page con algo asi como 10 segundos de demora. Y con un mensaje que da las gracias y le explica al usuario que en un momento va a volver automaticamente a la home page y tambien pones un link para que el lo pueda hacer manualmente.

ps: en cuanto a hacer lo que vos dijite, con css podes ocultar cualquier parte de tu pagina, pero presisas javascript para hacerlo cuando el formulario es enviado.

Ekbrilo · #3 (**permalink**) 14/06/2007, 11:28

Gracias, marcelomdsc, tu opción es interesante. Sin embargo, recuerdo haber leído (lamentablemente ahora no caigo en dónde) que existe algún tipo de solución mediante CSS puro, esto es, sin Javascript, para lograr ese tipo de efecto. Pero, insisto, tu solución es digna de tenerse en cuenta.

Gracias de nuevo y un saludo.

marcelomdsc · #4 (**permalink**) 14/06/2007, 11:36

mmm ok, si encuentro algo sobre eso vuelvo y te dejo un link.
suerte.

wakala · #5 (**permalink**) 17/06/2007, 13:13

podria ser asi

Código HTML:

<html>
<head>
<script type="text/javascript">
function ocultarform()
{
document.getElementById("formulario").style.visibility="hidden";
}
</script>

</head>
<body>
<form id="formulario">
<input type="text" name="textfield">
<input name="Enviar" type="submit" onclick="ocultarform()" value="Enviar" />
</form>

</body>
</html>

Ekbrilo · #6 (**permalink**) 18/06/2007, 10:18

Muchas gracias, Wakala, lo probaré a ver cómo va. La única duda que me surge con respecto a ese código es: si el formulario debe quedar oculto al enviar los datos, ¿habría que usar un "onsubmit" en vez de "onclick" o es indiferente?

Gracias de nuevo y saludos

Ekbrilo · #7 (**permalink**) 19/06/2007, 10:32

Lástima, no ha funcionado