Wie man mehrere Aktionen für ein Formular in Dreamweaver

October 4

Wenn Ihre Web-Formular mehrere mögliche Maßnahmen, z. B. per e-Mail oder das Aktualisieren einer Datenbank ausführen muss ein HTML-Formular, das mehr als eine Schaltfläche zum Senden des Formulars enthält erstellen. Bearbeitungsprogramm für Adobes Dreamweaver können Sie diese Art von Mehrzweck-Formular zu erstellen. Da HTML-Formulare nur ein single-Action-Attribut enthalten können, müssen Sie JavaScript verwenden, um das Formular Aktionsbefehl auszulösen.

Anweisungen

1 Starten Sie Dreamweaver, und klicken Sie auf "Neu", um ein neues Projekt zu erstellen. Klicken Sie auf Entwurf-Modus.

2 Klicken Sie auf Einfügen und wählen Sie dann das Formular, um ein Menü mit Optionen anzuzeigen. Klicken Sie auf die Form-Option, um ein neues Formular auf Dreamweavers Bearbeitung Leinwand platzieren.

3 Klicken Sie auf einfügen. Wählen Sie Form und dann Button, um ein Popup-Fenster anzuzeigen. Geben Sie "performAction1" ohne Anführungszeichen im Textfeld Beschriftung des Fensters, und klicken Sie auf "OK" Schließen Sie das Fenster, um die neu-Schaltfläche auf dem Formular platzieren.

4 Klicken Sie auf Einfügen, und wählen Sie dann die Form. Klicken Sie, und geben Sie im Textfeld Beschriftung des Fensters "performAction2". Zwei Schaltflächen erscheinen jetzt auf dem Formular. Klicken Sie auf Registerkarte Dreamweaver den Code um Quellcode des Dokuments anzuzeigen. Action-Attribut des Form-Tag wird wie folgt angezeigt:

< Form Id = "form1" Name = "form1" Methode = "post" Aktion = "" >

Das Formular hat keine Aktion an dieser Stelle und wird alles nicht tun, wenn Sie einen der Buttons anklicken.

5 Klicken Sie auf die Registerkarte Entwurf, um zum Entwurfsmodus zurückzukehren. Klicken Sie auf eine der Schaltflächen, um ihn auszuwählen, und drücken die "Shift" und "F4", öffnen Sie das Bedienfeld "Verhalten". Klicken Sie die Panel plus Zeichen und klicken Sie auf JavaScript, um das JavaScript aufrufen-Fenster zu öffnen. Geben Sie im Feld Text JavaScript "PerformAction ('form1', '1')" und klicken Sie auf "OK".

6 Klicken Sie auf andere, zurück in das Bedienfeld "Verhalten" und klicken Sie erneut auf das Pluszeichen. Klicken Sie auf JavaScript und geben Sie "PerformAction ('form1', '1')" im Textfeld "JavaScript". Klicken Sie auf "OK", um das Fenster zu schließen.

7 Klicken Sie auf Registerkarte Dreamweaver den Code um Quellcode des Dokuments anzuzeigen. Finde die < / script > Tag befindet sich in den Code und fügen Sie die folgende JavaScript-Funktion vor diesem Tag:

Funktion PerformAction (FormID, Action) {}

Var FormObject = document.getElementById(formID);

Wenn (Aktion == "1")formObject.action = "Form_Processor1.html";sonstformObject.action = "Form_Processor2.html";

}

Die erste Anweisung erhält einen Verweis auf das Formular. Die zweite Anweisung prüft den Wert der Variablen Aktion an die Funktion übergeben. Wenn dieser Wert 1 ist, legt der Code des Formulars Aktion auf Form_Processor1.html. Andernfalls wird das Formular Aktion auf Form_Processor2.html. Ersetzen Sie Form_Processor1.html und Form_Processor2.html mit den URLs der Dokumente, die Ihre Form Anforderungen verarbeiten werden.

8 Drücken Sie "F12" Vorschau des Dokuments in Ihrem Browser anzeigen. Die zwei Formularschaltflächen erscheinen auf der Webseite. Klicken Sie entweder von ihnen zum Ausführen der Aktion zugewiesen ist.

Tipps & Warnungen

  • Die PerformAction-Funktion ist generisch. Es kann jede Form auf Ihrer Web-Seite verarbeiten. Um dies zu ermöglichen, immer übergeben Sie den Namen eines Formulars an die Funktion durch Hinzufügen des Formulars Name der Parameterliste erstellt im Fenster JavaScript aufrufen.

SIE KÖNNEN AUCH GERNE