Se il vostro Web form deve eseguire più di un'azione possibile, ad esempio l'invio di un'e-mail o aggiornamento di un database, creare un modulo HTML che contiene più di un pulsante per inviare il form. Programma di editing di Adobe Dreamweaver consente di costruire questo tipo di modulo multiuso. Poiché moduli HTML possono contenere solo un attributo di singola azione, è necessario utilizzare JavaScript per attivare il comando di azione del form.

Istruzioni

1

Avviare Dreamweaver e fare clic sul pulsante "New" per creare un nuovo progetto. Fare clic su progettazione per attivare la modalità progettazione.

2

Fare clic su Inserisci e quindi selezionare il Form per visualizzare un menu di opzioni. Scegliere l'opzione modulo per inserire un nuovo modulo su tela editing di Dreamweaver.

3

Fare nuovamente clic su Inserisci. Selezionare il modulo, quindi pulsante per visualizzare una finestra pop-up. Digitare "performAction1" senza virgolette nella casella di testo etichetta della finestra e fare clic su "OK" per chiudere la finestra per inserire il nuovo pulsante nel form.

4

Fare clic su Inserisci e quindi selezionare Form. Fare clic sul pulsante e digitare "performAction2" nella casella di testo etichetta della finestra. Due pulsanti ora visualizzato nel modulo. Fare clic sulla scheda di codice di Dreamweaver per visualizzare il codice sorgente del documento. Attributo action del tag form apparirà come questo:

< id modulo = "form1" name = "form1" method = "post" action = "" >

Il modulo non ha alcuna azione a questo punto e non farà nulla se si fa clic su uno dei pulsanti.

5

Fare clic sulla scheda Progettazione per tornare alla modalità progettazione. Fare clic su uno dei pulsanti per selezionarlo e premere "Shift" e "F4" per aprire il pannello comportamenti. Fare clic il segno più di pannello e quindi fare clic su JavaScript per aprire la finestra chiama JavaScript. Digitare "performAction ('form1', '1')" nella casella di testo JavaScript e fare clic su "OK".

6

Fare clic sul pulsante ritorno al pannello comportamenti e fare di nuovo clic sul segno più. Fare clic su JavaScript e digitare "performAction ('form1', '1')" nella casella di testo JavaScript. Fare clic su "OK" per chiudere la finestra.

7

Fare clic sulla scheda di codice di Dreamweaver per visualizzare il codice sorgente del documento. Trovare il < / script > tag situato nel codice e incollare la seguente funzione JavaScript prima di quel tag:

Function performAction (formID, azione) {

var formObject = document.getElementById(formID);

Se (azione = = "1")
formObject.action = "Form_Processor1.html";
altro
formObject.action = "Form_Processor2.html";

}

La prima istruzione ottiene un riferimento al form. La seconda istruzione controlla il valore della variabile azione passato alla funzione. Se tale valore è 1, il codice imposta azione del form Form_Processor1.html. In caso contrario imposta azione del form su Form_Processor2.html. Sostituire Form_Processor1.html e Form_Processor2.html con gli URL dei documenti che elaboreranno le vostre richieste di forma.

8

Premere "F12" per visualizzare in anteprima il documento nel browser. I pulsanti del modulo due appaiono nella pagina Web. Fare clic su una di esse per eseguire l'azione assegnata ad esso.

Consigli & Avvertenze

• La funzione performAction è generica. E ' in grado di elaborare qualsiasi forma sulla tua pagina Web. Per rendere questo possibile, è sempre necessario passare alla funzione il nome di un form aggiungendo il nome del modulo per l'elenco di parametri creata nella finestra chiama JavaScript.