Navigation

RSS: tutorialok Jelenleg 5 vendég és 0 tag van az oldalon.

E-mail küldése Flash-ből

 szerző: chaby
dátum: 2008-05-12
Kategóriák:
  Flash/Navigáció

Készítsünk egy levélküldő formot Flash-ben. Ehhez a végé némi PHP kód is kell, de nem kell tőle megijedni, nem olyan vészes.
Na vessük bele magunkat.

1.
Nyissunk egy új dokumentumot és állítsuk be a nekünk megfelelő méretet és színeket. Figyelünk arra, hogy kiférjenek a formok.
Készítsünk még egy réteget (layer). Ide mennek majd az egész mozit vezérlő scriptek. Ebben a lépésben most csak ezen a rétegen
fogunk dolgozni. Jelöljük ki az első képkockát és hívjuk elő az 'Actionscript Panel'-t (F9). Ide most csak annyit írjunk, hogy 'stop();'
Ezután jelöljük ki a második képkockát, konvertáljuk át kulcskockává (F6) és az 'Actioscrip Panel'-en ide is írjunk egy 'stop();'-ot.

2.
Válasszuk ki a szöveg eszközt (Text Tool) oldalt, vagy nyomjuk meg a 'T' billentyűt. A 'Properies Panel'-en állítsuk be a tulajdonságát
'Input Text'-re. A betűtipusnak mindegy mi van beállítva. Most készítsünk négy beviteli mezőt az alsó réteg első képkockáján. Az első kettő csak egy sornyi legyen, ide
megy majd a küldő neve és az e-mail tárgya. A harmadik mező tertelmezza majd magát az e-mail szövegét, szóval ez lehet többsoros is.
A negyedik megint csak egysoros legyen, ez tartalmazza majd a küldő e-mail címét. A szép kinézet érdekében a mezők legyenek egyforma szélesek
és egyformán helyezkedjenek el. Ezt az 'Align' panelen lehet beállítani.

3.
Most adjunk neveket és értékeket a mezőknek. Azt szintén a 'Properties Panel'-en lehet beállítani. Itt keressük meg a 'Var' beállítási lehetőséget.
Az első mező értkée legyen 'Name' vagy 'Név'. A másodiké lehet 'Subject' vagy 'Tárgy', a harmadiké legyen 'Message' vagy 'Üzenet'. A negyedik természetesen
nem lehet más mint 'E-mail' vagy 'E-mail cím'. Ezután a 'Text Tool' segítségével írjuk be a beviteli mezők elé a megfelelő feliratokat is.
Ezzel létrehoztuk a lehetőséget az e-mail írásra, csak még működésre kell bírnunk.

4.
Még létre kell hozni két gombot is, hogy működésre bírjuk a formunkat. Ugyanezen a rétegen, ugyanebben a képkockában a beviteli mezőkk alá készítsünk két gombot,
az egyiknek legyen 'Send' vagy 'Küldés a felirata, a másiknak 'Clear' vagy 'Törlés'.

5.
Most jön egy kis programozás. Kezdjük mondjuk a törlés gombbal. Kattintsunk rá és nyomjuk meg az F9 gombot. A megjelenő 'Actionscript' ablakba írjuk be a következő
kódot (be is másolhatod innen):
  1.  
  2. on (release) {
  3.     name = "";
  4.     subject="";
  5.     message="";
  6.     email="";
  7. }
  8.  

Ezzel megadtuk, hogy ezen gomb lenyomásával mi legyen a mezők tartalma, ami jelen esetben egy üres string, azaz semmi. A törlést tehát megoldottuk, jöhet a küldés.

6.
Válasszuk ki a küldés gomunkat és a szokott módon írjuk be a következő Actionscriptet:
  1.  
  2. on (release) {
  3.          if (name eq "" or subject eq "" or message eq "" or email eq "") {
  4.                stop();
  5.          } else {
  6.          loadVariablesNum("form.php", 0, "POST");
  7.          gotoAndStop(2);
  8.      }
  9. }
  10.  

7.
Az alsó réteg második képkockáján még nincs semmi. Ide kerül most némi szöveg. A Text Tool-t használva írjunk egy köszönő szöveget a mozi közepére. Valami ilyesmit:
"Köszönöm a véleményedet! A levél elküldve."
Ezzel kész is vagyunk a Flash-ben való munkával. Mentsük el a mozit és a File menü Export opciójával mentsük ki SWF formátumba.

8.
Most jön egy kis PHP. Egy szövegszerkesztőben nyissunk egy új file-t és írjuk bele a következő kódot:
  1.  
  2. <?
  3.  
  4.    $to = "tecimed@email.hu";
  5.    $msg = "$name\n\n";
  6.    $msg .= "$message\n\n";
  7.  
  8.   mail($to, $subject, $msg, "Message From: Online client\nReply-To: $email\n");
  9.  
  10. ?>
  11.  

Természetesen a "tecimed@email.hu" helyett a saját e-mail címünket írjuk be. Ez az a cím ahova a flash elküldi a levelet.
Ezt mentsük el 'form.php' néven és kész is vagyunk. Tegyük ugyanabba a könyvtárba, mint amiben az SWF file is van és töltsük fel a
szerverünkre/webtárhelyünkre. Ha most behívjuk a flash egy böngészőbe és kitöltjük a mezőket, akkor kell kapnunk egy levelet magunktól.

És kész. Ennyi volt. Hosszadalmasabb leírni, mint elkészíteni és egész pofás kis cuccot készíthetünk az oldalunkra, csak be kell ágyazni valahova.
Jó szórakozást hozzá és kellemes kísérletezgetést a váltatásokhoz!!