Come fare form in Flash

February 4

Adobe Flash permette di creare animazioni dinamiche e aggiungere profondità alle tue pagine web. Per quanto riguarda il design va, è possibile fare praticamente qualsiasi cosa si potrebbe fare in HTML e CSS con ActionScript 3.0 e alcune abilità di Flash. Fare un modulo basato su Flash utilizza un po 'di codice PHP, ma permette di avere una forma esteticamente piacevole che sembra un po' meglio di un modulo CSS.

istruzione

1 Aprire un nuovo file in Adobe Flash (Command + N). Selezionare il primo fotogramma chiave nella timeline, e premere il tasto \ "F6 \" per creare un'altra linea temporale. Passare alla Finestra> Azioni e digitare \ "Stop (); \" nella finestra Azioni. Fate questo per entrambe le finestre.

2 Creare un altro livello navigando a \ "Aggiungi nuovo livello \" in basso a destra della timeline. Un nome al tuo livello di \ "etichette. \"

3 Selezionare il secondo fotogramma chiave al secondo livello, e nella finestra Proprietà, assegnare un nome al secondo fotogramma chiave \ "Grazie. \"

4 Con il secondo fotogramma chiave selezionato, scegliere lo strumento Testo (T) e scrivere una nota di ringraziamento, come \ "Grazie per aver inviato le informazioni. \"

5 Seleziona il tuo primo fotogramma chiave. Utilizzando lo strumento Testo, scrivere i titoli dei moduli che si desidera creare il primo fotogramma selezionato. Nome, email, commenti e città natale sono tutti esempi di titoli si può avere nella vostra forma. Creare campi di testo, scegliendo lo strumento Testo sulla barra degli strumenti (T). Creare scatole per i campi con questo strumento selezionato. Selezionare \ "Text Input \" e il tipo di testo nella finestra Proprietà e impostare il tipo di \ "Linea. \" Digitare un nome per ogni campo di inserimento testo nel campo Nome istanza della finestra Proprietà. Creare un pulsante di invio selezionando lo strumento Rettangolo (R) e la creazione di un rettangolo sul palco. Utilizzare lo strumento Testo per scrivere la parola \ "Submit \" all'interno della scatola.

6 Trascinare la casella e il testo nella libreria. Quando la casella \ "Convertire in simbolo \" viene in su, un nome al pulsante e selezionare il pulsante di opzione \ "pulsante \". Fare clic su \ "OK \". Tenere tutte le cose che hai creato nel primo fotogramma chiave sulla timeline.

7 Un nome alla nuova "\ Invia" tasto \ nella finestra Proprietà. In questo esempio, il pulsante è intitolato \ "submit_btn. \"

8 Aprite il Blocco note o Adobe Dreamweaver e digitare:
<? Php
$ Name = $ _POST [ 'visitorname']
ANDARE
$ Vemail = $ _POST [ 'email']
ANDARE
$ commenti = $ _POST [ 'vcomments']
ANDARE
$ Corpo = \ "Nome: $
E-Mail: $ Vemail
Commenti: $ comments \ "
ANDARE
elettronica ( '[email protected]', 'titolo Modulo qui', $ corpo)
ANDARE
?>
Questo codice è per una forma 3-field. Si chiederà e inviare l'utente del nome, commento e indirizzo di posta elettronica. È possibile aggiungere più campi aggiungendo $ NameOfVariable = $ _POST [nameofVariablesinFlashAS].

9 Sostituire [email protected] con il tuo indirizzo e-mail proprio o ovunque si desidera le informazioni da inviare, e sostituire \ "Modulo Title Here \" con il soggetto si desidera il modulo di avere.

10 Salvare il file come \ "mail.php \" e assicurarsi che sia nella stessa cartella del file SWF in ogni momento.

11 Aprire la finestra Azioni nella timeline del vostro modulo. Digitare il seguente (La spiegazione per ogni linea viene dopo la // marchi Essi non sono in realtà parte del codice e non influenzerà il file SWF.):
funzione di presentare (event: Event): void
{
var request: URLRequest = new URLRequest (\ "mail.php \"); // Chiama il file PHP
variabili var: URLVariables = new URLVariables (); // Definisce le variabili
variables.email = emailField.text; // Chiama testo di input in campo e-mail
variables.visitorname = visitornameField.text; // Chiama testo di input in campo del nome
variables.vcomments = vcommentsField.text; // Chiama testo di input in campo commenti
request.data = variabili
ANDARE
request.method = URLRequestMethod.POST;
sendToURL (richiesta)
ANDARE
gotoAndStop (\ "grazie \"); // Prende all'utente di secondo fotogramma chiave, facendogli sapere le sue informazioni è stato inviato
}
submit_btn.addEventListener (MouseEvent.CLICK, presentare); // link funzione del pulsante per inviare

12 Prova il tuo video premendo \ "Shift + Invio. \" Salvare e caricare il file PHP SWF e nella stessa cartella sul server.

Consigli e avvertenze

  • Per fare un campo Commenti, creare il campo come avete fatto gli altri, ma impostare il tipo di \ "multilinea, \" e rendere la casella più largo e più alto.