Visualizar una ventana de confirmación para un formulario
Una vez que se haya completado su formulario, ¿por qué no ofrecer a sus visitantes un resumen de sus respuestas? Podrán entonces
guardarlas o imprimirlas para conservarlas. Muy práctico para los pedidos en línea...
Por ejemplo, complete este formulario y haga clic en el botón Confirm:
Para definir esta verificación, comience definiendo su formulario en el cuerpo de su página:
<FORM name="form">
Question 1 : <INPUT TYPE="text" NAME="q1"><BR>
Question 2 : <INPUT TYPE="text" NAME="q2"><BR>
Question 3 : <INPUT TYPE="text" NAME="q3"><BR>
Question 4 : <INPUT TYPE="text" NAME="q4"><BR>
<INPUT TYPE="button" VALUE="Confirmer" onclick="valide(form)">
</FORM>
Su formulario puede tener la forma que desee, incluso casillas de verificación o campos de texto. El principio consiste en
que cada campo del formulario tenga un nombre correcto.
A continuación, cree el script que abrirá la nueva ventana y mostrará un resumen de las respuestas. Coloque este script en
el encabezamiento de su página:
<script>
<!--
var fenetreNote,texte;
function valide(form) {
texte="<html><head><title>Form </title></head><body>"
texte+="Question 1 : " + document.form.q1.value + "<BR>"
texte+="Question 2 : " + document.form.q2.value + "<BR>"
texte+="Question 3 : " + document.form.q3.value + "<BR>"
texte+="Question 4 : " + document.form.q4.value + "<BR>"
texte+="</body></html>"
fenetreNote=window.open("","",
"status=yes, toolbar=yes, menubar=yes, width=300, height=200, top=20, left=20");
fenetreNote.document.write(texte);
}
// -->
</script>
La variable
texte contiene el código HTML para la ventana. En esta variable, especifique lo que quisiera ver en esta página.
Puede personalizar esta nueva ventana especificando si tendrá una barra de estado (
status), una barra de herramientas (
toolbar) o menú (
menubar). También puede especificar su tamaño (
width y
height) y su posición con respecto a la ventana principal del navegador (
top y
left)