Hvordan lage flere handlinger for et skjema i Dreamweaver

Hvis Webskjema trenger for å utføre mer enn én mulig handling, slik som å sende en e-post eller oppdatere en database, opprette en HTML-skjema som inneholder mer enn én knapp for å sende inn skjemaet. Adobes Dreamweaver redigering program lar deg bygge denne type multipurpose form. Fordi HTML-skjemaer kan inneholde bare en enkelt handling attributt, må du bruke Javascript for å utløse form handling kommando.

Bruksanvisning

1 Start Dreamweaver og klikk på "Ny" knappen for å opprette et nytt prosjekt. Klikk Design for å gå inn utformingsmodus.

2 Klikk Sett inn, og velg deretter Form for å vise en meny med alternativer. Klikk på Form mulighet til å plassere en ny form på Dreamweaver redigerings lerret.

3 Klikk Sett inn igjen. Velg skjema og deretter knappen for å vise en pop-up vindu. Skriv "performAction1" uten anførselstegn i vinduet Etikett tekstboksen og klikk "OK" for å lukke vinduet for å plassere den nye knappen på skjemaet.

4 Klikk Sett inn, og velg deretter Form. Klikk knappen og skriv "performAction2" i vinduet Etikett tekstboksen. To knapper vises nå på skjemaet. Klikk kategorien Dreamweaver Code for å vise dokumentet kildekode. Skjemaet tag handling egenskap vises slik:

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

Skjemaet har ingen handling på dette punktet, og vil ikke gjøre noe hvis du klikker en av knappene.

5 Klikk på fanen Design for å gå tilbake til utformingsmodus. Klikk på en av knappene for å velge den og trykke "Shift" og "F4" for å åpne Behaviors panel. Klikk panelets plusstegnet, og klikk deretter Javascript for å åpne anropsJava vinduet. Skriv "performAction ( 'Form1', '1')" i Javascript tekstboksen og klikk "OK."

6 Klikk på den andre knappen, gå tilbake til atferd panel og klikk på plusstegnet på nytt. Klikk Javascript og skriv "performAction ( 'Form1', '1')" i Javascript tekstboksen. Klikk "OK" for å lukke vinduet.

7 Klikk kategorien Dreamweaver Code for å vise dokumentet kildekode. Finn </ script> tag plassert i kode og lim inn følgende Javascript-funksjonen før den koden:

fungere performAction (formID, handling) {

Var formObject = document.getElementById (formID);

if (handling == "1")
formObject.action = "Form_Processor1.html";
ellers
formObject.action = "Form_Processor2.html";

}

Den første setningen får en referanse til skjemaet. Den andre setningen kontrollerer verdien av handlingen variable sendes til funksjonen. Hvis denne verdien er 1, setter kode skjemaets tiltak for å Form_Processor1.html. Ellers det setter form handling til Form_Processor2.html. Bytt Form_Processor1.html og Form_Processor2.html med nettadressene til de dokumenter som skal behandle skjemaet forespørsler.

8 Trykk "F12" for å forhåndsvise dokumentet i nettleseren din. De to form knapper vises på websiden. Klikk én av dem til å utføre handlingen som er tilordnet den.

Hint

• Den performAction funksjonen er generisk. Det kan behandle noen form på websiden. For å gjøre dette mulig, alltid passere navnet på et skjema til funksjonen ved å legge skjemaet navn til parameterlisten opprettet i Call Javascript vinduet.