Hvordan lage Forms i Flash

May 31

Adobe Flash lar deg lage dynamiske animasjoner og legge dybde til websidene dine. Såvidt design går, er det mulig å gjøre omtrent alt du kan gjøre i HTML og CSS med Actionscript 3.0 og noen få Flash ferdigheter. Å gjøre en Flash-basert skjema bruker litt PHP koding, men det tillater deg å ha en estetisk tiltalende form som ser litt bedre enn en CSS form.

Bruksanvisning

1 Åpne en ny fil i Adobe Flash (Command + N). Velg det første keyframe i tidslinjen, og trykk \ "F6 \" for å skape en annen tidslinje. Gå til Window> Actions, og skriver \ "Stop (); \" i Handlinger vinduet. Gjør dette for begge vinduene.

2 Lag et nytt lag ved å navigere til \ "Add New Layer \" nederst til høyre på tidslinjen. Navnet ditt lag \ "etiketter. \"

3 Velg det andre nøkkelbilde på andre nivå, og i vinduet Egenskaper, navngi andre nøkkelbilde \ "Takk. \"

4 Med andre nøkkel valgt, velger du Text Tool (T) og skrive ut en takk notat, som \ "Takk for at du sender din informasjon. \"

5 Velg din første keyframe. Bruke Text Tool, skrive titlene på skjemaene du ønsker å lage med den første rammen valgt. Navn, e-post, kommentarer og hjemby er alle eksempler på titler du kan ha i skjemaet. Lag tekstfelt ved å velge Text Tool på verktøylinjen (T). Lag bokser for felt med dette verktøyet er valgt. Velg \ "Input tekst \" og din teksttype i Egenskaper-vinduet, og angi typen til \ "Single Line. \" Skriv inn et navn for hver inngang tekstfelt i Instance Name-feltet i Properties vinduet. Lag en send-knappen ved å velge rektangelverktøyet (R) og skape et rektangel på scenen. Bruk tekstverktøyet til å skrive ordet \ "Send \" inne i boksen.

6 Dra boksen og teksten inn i biblioteket. Når \ "Konverter til Symbol \" boksen kommer opp, navngi knappen og velg \ "knappen \" -knappen. Klikk \ "OK. \" Hold alle de tingene du har laget i den første keyframe på tidslinjen.

7 Gi den nye \ "Send \" knappen i vinduet Egenskaper. I dette eksemplet er den knappen merket \ "submit_btn. \"

8 Åpne opp Notepad eller Adobe Dreamweaver og skriv:
<? Php
$ Name = $ _POST [ 'visitorname']
GÅ
$ Vemail = $ _POST [ 'email']
GÅ
$ kommentarer = $ _POST [ 'vcomments']
GÅ
$ Body = \ "Navn: $ name
E-post: $ Vemail
Kommentarer: $ comments \ "
GÅ
post ( '[email protected]', 'Form tittel her ", $ kroppen)
GÅ
?>
Denne koden er for en tre-felt form. Den vil be og sende brukerens navn, kommentarer og e-postadresse. Du kan legge til flere felt ved å legge $ nameofvariable = $ _POST [nameofVariablesinFlashAS].

9 Bytt [email protected] med din egen e-postadresse eller hvor du ønsker din informasjon skal sendes, og erstatte \ "Form Tittel Her \" med emnet du ønsker skjemaet skal ha.

10 Lagre filen som \ "mail.php \" og sørge for at det er i samme mappe som SWF-fil til enhver tid.

11 Åpne opp Handlinger vinduet i tidslinjen din form. Skriv inn følgende (Forklaringen på hver linje kommer etter // merkene De er ikke egentlig en del av koden, og vil ikke påvirke SWF.):
funksjonen sender (hendelse: Hendelse): void
{
Var forespørsel: URLRequest = new URLRequest (\ "mail.php \"); // Kaller PHP-filen
Var variabler: URLVariables = nye URLVariables (); // Definerer variabler
variables.email = emailField.text; // Kaller inn tekst i e-postfeltet
variables.visitorname = visitornameField.text; // Kaller inn tekst i navnefeltet
variables.vcomments = vcommentsField.text; // Kaller inn tekst i kommentarfeltet
request.data = variabler
GÅ
request.method = URLRequestMethod.POST;
sendToURL (avtale)
GÅ
gotoAndStop (\ "takk \"); // Tar brukeren til andre nøkkelbilde, la ham vite sin informasjon ble sendt
}
submit_btn.addEventListener (MouseEvent.CLICK, sende); // koblinger fungere for å sende inn knappen

12 Test din video ved å trykke på \ "Shift + Enter. \" Lagre og laste opp din SWF og PHP-filer i samme mappe på serveren din.

Hint

For å gjøre en Kommentarer-feltet, lage din feltet som du gjorde de andre, men satt din type til \ "Multiline, \" og gjøre boksen bredere og høyere.