Abrir página nueva al Pulsar Enviar en Formulario

[Juanra_Galicia]

Hola, he creado un formulario y funciona correctamente, utilizo un servidor cgi y se me envia a mi direccion hotmail pero me gustaria saber si es posible que al pulsar la tecla "enviar" se me abra una ventana de pequeñas dimensiones a modo de agradecimiento por cubrir el formulario. Gracias de antemano. Saludos

[Kurozaki]

Usa JavaScript :)

[mariomon17]

Evento onclick=" funcion window.open() " (no es la mejor forma, peeeero.... )

Busca en Google los parametros de esta funcion.

[Juanra_Galicia]

Este es el código, que tendría que añadir para abrir una ventana de confirmación al pulsar ENVIAR y donde lo debo colocar...?? Gracias

<tr>
<td width="520" height="189" valign="top" class="Estilo22 Estilo23"><form action="http://luciaperez.net/cgi-bin.cgi" method="post" class="Estilo49">
<div align="center"><span class="Estilo24">RECIBE LAS NOVEDADES DE LUCIA PEREZ DIRECTAMENTE EN TU CORREO</span> <br>
<input type="hidden" name="qemail" value="[email protected]" target="mainFrame"/>
<input type="hidden" name="qredirect" value="http://www.luciaperez.net/formok.htm"/>

<input type="hidden" name="qfecha" value="true"/>
<label for="c0" title="Nombre"></label>
<strong><br />
<label for="c7" title="Mail">E-Mail</label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>

<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>

<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"><br />
<input name="Mail" type="text" id="c7" size="50" maxlength="50" requ="true">
</label>
</strong>
<label for="c7" title="Mail"> </label>

<span class="Estilo52">
<label for="c7" title="Mail"> </label>

</span>
<label for="c7" title="Mail"></label>
<br>
<br />
<input name="submit" type="submit" class="Estilo51" value="Enviar" />
<input name="reset" type="reset" class="Estilo51" value="Cancelar" />

</div>
</form>
<div align="center"><span class="Estilo55">Al pulsar el bot&oacute;n ENVIAR espera unos segundos para recibir la confirmaci&oacute;n del env&iacute;o de datos.</span></div></td>

</tr>

[mariomon17]

Aqui

Código HTML:

<input name="submit" type="submit" onclick="window.open()" class="Estilo51" value="Enviar" /> 

Un saludo!

[caricatos]

No, no...

Una ventana de confirmación al pulsar el botón enviar, se pone en el mismo tag form...

<form onsubmit="return confirm('Está seguro...?')" ...

y el botón del tipo submit, sin más...

Saludos

[mariomon17]

Si, en ese caso seri asi. Pero el usuario comento:

una ventana de pequeñas dimensiones a modo de agradecimiento por cubrir el formulario

Quiere una pop-up, o en su defecto un alert().
Pero no un cuadro de confirmacion.

Pero tambien se puede poner el form como onsubmit, o en el submit(boton) como onclick.

[caricatos]

Iniciado por Juanra_Galicia

Este es el código, que tendría que añadir para abrir una ventana de confirmación...

En este caso, no se justifica usar el evento click...

Saludos

[mariomon17]

Entonces el usuario es el que se tiene que poner de acuerdo:
Que quieres?

- Un mensaje de confirmacion para enviar el form.
- Una ventana que te agradezca el envio del form.

[Juanra_Galicia]

Lo que busco es

- Una ventana que agradezca el envio del form, que se abra en unas dimensiones decididas por mi

[sanxuan]

Tampoco descartes usar una capa <div> que esté oculta con la propiedad visibility:hidden y que al pulsar el botón cambie mediente javascript es propiedad a visibility:visible.
En el peor de los casos, si está desactivado javascript no se llegará a mostrar (ni a realizar la validación del formulario del lado del cliente ni...)
Se ocultaría bien con un click o con un contador de tiempo.

[Juanra_Galicia]

Son tan mínimos mis conocimientos que no estoy entendiendo apenas lo q me decís...

[mariomon17]

Si quieres abrir una ventana, puedes hacer esto:

Código HTML:

<input name="submit" type="submit" onclick="window.open()" class="Estilo51" value="Enviar" /> 

Lo del div oculto es una buena idea, pero habria que mostrarlo en la pagina a la que dirige el form, no en la que esta el form.

[Juanra_Galicia]

¿Y donde pongo la pagina htm a la que quiero q les lleve?y las dimensiones de la nueva ventana? ufff esto me supera, perdonad la molestia...

[mariomon17]

Te dije que te informaras sobre window.open().

Bueno aver te cuento:
- Crea una pagina: gracias.html
- pones en window.open ("gracias.html","ventan","menubar=0,resizable=0,st atus=0,scrollbars=0,width=400,height=450") .

En los parametros pones 1 o 0 si lo quieres o si no.

[Juanra_Galicia]

Entiendo que esto lo tengo q eliminar no??

<input type="hidden" name="qredirect" value="http://www.luciaperez.net/formok.htm"/>

[mariomon17]

No se que es eso, pero si! quitalo.

[Juanra_Galicia]

Es la pagina a donde se redirige ahora al pulsar la tecla de envio...

[mariomon17]

Valee! Es que estas usando CGI BIN.
Entonces eso dejalo tal como lo tienes solo añade lo que te dije a la etiqueta del boton de enviar. Nada mas!

[Juanra_Galicia]

No me funciona...me abre la pagina q tenia puesta antes..

[mariomon17]

Tu me distes este codigo, pues cambia lo que te he puesto en negrita (solo una cosa):

<tr>
<td width="520" height="189" valign="top" class="Estilo22 Estilo23"><form action="http://luciaperez.net/cgi-bin.cgi" method="post" class="Estilo49">
<div align="center"><span class="Estilo24">RECIBE LAS NOVEDADES DE LUCIA PEREZ DIRECTAMENTE EN TU CORREO</span> <br>
<input type="hidden" name="qemail" value="[email protected]" target="mainFrame"/>
<input type="hidden" name="qredirect" value="http://www.luciaperez.net/formok.htm"/>

<input type="hidden" name="qfecha" value="true"/>
<label for="c0" title="Nombre"></label>
<strong><br />
<label for="c7" title="Mail">E-Mail</label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>

<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"></label>

<label for="c7" title="Mail"></label>
<label for="c7" title="Mail"><br />
<input name="Mail" type="text" id="c7" size="50" maxlength="50" requ="true">
</label>
</strong>
<label for="c7" title="Mail"> </label>

<span class="Estilo52">
<label for="c7" title="Mail"> </label>

</span>
<label for="c7" title="Mail"></label>
<br>
<br />
<input name="submit" type="submit" onclick="window.open ('gracias.html','ventana','menubar=no,resizable=no ,status=no,width=400,height=450')" class="Estilo51" value="Enviar" />
<input name="reset" type="reset" class="Estilo51" value="Cancelar" />

</div>
</form>
<div align="center"><span class="Estilo55">Al pulsar el bot&oacute;n ENVIAR espera unos segundos para recibir la confirmaci&oacute;n del env&iacute;o de datos.</span></div></td>

</tr>

[Juanra_Galicia]

Ahora si se me abre una ventana como yo pedia pero hay otro error, se me abre a mayores una mas ( la q tenia yo antes), vete a http://www.luciaperez.net/principal.htm y verás lo q te digo...

[mariomon17]

Pues prueba a quitar

<input type="hidden" name="qredirect" value="http://www.luciaperez.net/formok.htm"/>

Pero comprueba antes que el sistema de correo siga funcionando ;)

[Juanra_Galicia]

Ahora me abre una pagina del servidor cgi!!! esto es desesperante...creo q lo voy a dejar como lo tenia...

[mariomon17]

En eso no se como ayudarte porque nunca he trabajado con CGI, lo siento :(
A ver si se pasa alguien que sepa...

Suerte y un saludo amigo!

[Juanra_Galicia]

Muchas Gracias mariomon17, lo dejo como está...q se abra la ventana de agradecimiento q tenia y listo..tampoco qeda tan mal! gracias de nuevo y perdona la molestia!

[mariomon17]

Molestia ninguna, para esto estamos.

Por cierto, si quieres puedes ponerle a la pagina formok.html que vaya a la pagina principal tras un tiempo, 5 segundos por ejemplo.

[Juanra_Galicia]

mariomon17 te molesto entonces de nuevo..jeje como sería lo q tengo q hacer para q se regrese a la pagina principal? gracias por la propuesta...!!

[mariomon17]

Pues con una funcion para el delay de tiempo (en milisegundos), y otra para volver atras en el historial, la ultima pagina vista.

Código Javascript:

setTimeout ('history.back(1)', 5000)
 

Este codigo lo incluyes entre etiquetas
<script type="text/javascript">
...
</script>
al inicio del documento.
Esto te volvera atras a los 5 segundos.