Cómo hacer múltiples acciones para un formulario en Dreamweaver

Si su formulario web necesita realizar más de una acción posible, como el envío de un correo electrónico o actualizar una base de datos, crear un formulario HTML que contiene más de un botón para enviar el formulario. programa de edición de Adobe Dreamweaver le permite construir este tipo de forma polivalente. Debido a que los formularios HTML pueden contener un único atributo de acción, debe utilizar JavaScript para desencadenar la acción de comando de la forma.

Instrucciones

1 Lanzar Dreamweaver y haga clic en el botón "Nuevo" para crear un nuevo proyecto. Haga clic en Diseño para entrar en el modo de diseño.

2 Haga clic en Insertar y seleccione Formulario para mostrar un menú de opciones. Haga clic en la opción Formulario para colocar una nueva forma sobre lienzo edición de Dreamweaver.

3 Haga clic en Insertar nuevo. Seleccionar formulario y luego botón para mostrar una ventana emergente. Tipo "performAction1" sin las comillas en la caja de texto Etiqueta de la ventana y haga clic en "Aceptar" para cerrar la ventana para colocar el nuevo botón en el formulario.

4 Haga clic en Insertar y seleccione Formulario. Haga clic del botón y escriba "performAction2" en el cuadro de texto Etiqueta de la ventana. Dos botones aparecen ahora en su formulario. Haga clic en la ficha de código de Dreamweaver para ver el código fuente del documento. atributo de acción de la etiqueta del formulario aparecerá así:

<Form id = "Form1" name = "Form1" method = "post" action = "">

La forma no tiene ninguna acción en este punto y no hará nada si hace clic en cualquiera de los botones.

5 Haga clic en la pestaña Diseño para volver al modo de diseño. Haga clic en uno de los botones para seleccionarlo y presione "Shift" y "F4" para abrir el panel Comportamientos. Haga clic en el signo más del panel y, a continuación, haga clic en JavaScript para abrir la ventana de llamadas de JavaScript. Tipo de "PerformAction ( 'Form1', '1')" en el cuadro de texto JavaScript y haga clic en "Aceptar".

6 Haga clic en el otro botón, volver al panel Comportamientos y haga clic en el signo más nuevo. Haga clic en JavaScript y escribe "PerformAction ( 'Form1', '1')" en el cuadro de texto JavaScript. Haga clic en "Aceptar" para cerrar la ventana.

7 Haga clic en la ficha de código de Dreamweaver para ver el código fuente del documento. Busque la etiqueta </ ​​script> situada en el código y pegue la siguiente función de JavaScript antes de que la etiqueta:

PerformAction funcionar (formid, acción) {

var formObject = document.getElementById (formid);

si (acción == "1")
formObject.action = "Form_Processor1.html";
más
formObject.action = "Form_Processor2.html";

}

La primera instrucción obtiene una referencia a su forma. La segunda declaración comprueba el valor de la variable de acción pasa a la función. Si ese valor es 1, el código establece la acción de la forma de Form_Processor1.html. De lo contrario, establece la acción de la forma de Form_Processor2.html. Reemplazar Form_Processor1.html y Form_Processor2.html con las URL de los documentos que procesarán sus solicitudes de formulario.

8 Pulse la tecla "F12" para previsualizar el documento en el navegador. Los dos botones de formulario aparecen en la página Web. Haga clic en cualquiera de ellos para llevar a cabo la acción asignada a la misma.

Consejos y advertencias

• La función PerformAction es genérico. Puede procesar cualquier forma en su página web. Para que esto sea posible, siempre pasar el nombre de un formulario para la función añadiendo el nombre del formulario en la lista de parámetros creada en la ventana de llamadas de JavaScript.