Geniş Ekran Modu Otomatik Ekran Boyutu Font Boyutunu Azalt Font Boyutunu Azalt Font Boyutunu Normal Yap Yazdır

Flash Form Mail Uygulaması

Flash ve php kullanarak bir form mail uygulamasının yapılması

Flash Form Mail UygulamasıBölüm 1 - Flash Form
Yeni bir Flash dokumanı açarak işlem başlayalım.

Şimdi Text aracını seçelim ve özellik panelinden "Static text" 'i  " Input text" olarak değiştirelim.

texttool.jpg

Ve 3 tane text kutusu çizelim.

İlk Text kutusan tıklayark özellik panelinde "Var" bölümüne "Name" yazalım.
Yada sizin için hangisi uygunsa. Bu bölüm isim ölümü olacak.

var1.jpg

Aynı şekilde ikinci kutunun "var" bölümünü de "email" olarak yazalım.

var2.jpg

Şimdi Text kutularının üstüne bu kutuların ne oldugunu yazalım. Bunu yazarken Text tool 'unu seçtiğimizde
özelliklerinden Static Text olarak değiştirmeyi unutmayalım.
Yazdığımızda aşağıdaki gibi bir şekil alması gerekir.

textover.jpg

Şimdi mail form bölümünde en önemli olan bölüme. Mesajın yazılacağı kutucuğu ekleyelim.
Bunun için text tool'u tekrar seçilir ve özelliklerinden tekrar Input Text ayarlanır. Bu kutucuğa
birden çok satır yazılabilmesi için özelliklerinden "Single" olarak belirtilen ayarı "Multiline" olarak değiştirelim. Text kutusunu ekledikten sonra kenarından tutarak istediğimiz boyutlara getirelim.

Bu kutucuğun " var " bölümüne de "message" yazdıktan sonra text kutusunun "instance name" bölümüne de "message area" yazalım. Bunu yazıyoruz çünkü bu text kutusuna Scrool bar ekleyeceğiz ;
var3.jpg

Şimdi sizin bir tane scroll bar' a ihtiyacınız olacak. Bunun için buraya tıklayarak bir tane scrool bar çekebilirsiniz. Dosyayı cektikten sonra açın ve bu uygulama icine kopyalayın. Eğer instance name 'i değiştirdiyseniz uygulamaya eklediğiniz scrool üzerinde yapılmış olan text field ayarlarını da değiştirmeniz gerekecektir.

scroll.jpg

Formumuzda şimdi ise Submit (Gönder) butonuna ihtiyacımız olacak. İste kendiniz yapın isterseniz de Library''den hazır bir buton kullanabilirsiniz. Bu uygulama da biz bir tane basit bir buton tasarlayalım.

Text tool 'u kullanarak Static Text formatında Submit yazalım daha sonra F8 tuşuna basarak adını Submit vererek butona dönüştürelim.

submit.jpg

Oluşturdugumuz buton üzeirne çift tıklayalım ve Hit bölümüne gelerek sağ tık menüsünden Insert Keyframe seçelim. Submit yazısını kaplayacak şekilde bir kutu çizelim.

hit.jpg

Bütün bunlar bittikten sonra Scene 1 'e geri dönelim

Şimdi yaptığımız Submit butonuna tıklayarak seçelim ve Action Script panelini açalım.
Aşağıdaki Scripti panele yazalım. Eğer yukarıdaki text box isimlerini değiştirdiyseniz bu kodlama içindeki tanımlamaları da değiştirmeniz gerekecektir.

Action Script Kodu : 
on(press){
if(name == "" || name == null || email == "" || email == null || message == "" || message == null){
gotoAndPlay("error")
}
else{
loadVariablesNum("send.php", 0, "POST");
gotoAndPlay('Finished')
}
}

Aslında bu aşamada fazla birşey yapmamıza gerek yok. Ama yapılan formun gerçekten görsel olmasını istiyorsanız bir kaç sayfa daha eklemek güzel olacaktır.

We will start by making it look nicer, add a layer underneath your main one.

Bir layer daha ekleyerek text box 'ların aşaıdaki gibi görünmesini sağlayabilirsiniz:

boxes.jpg

Eklediğimiz ikinci layer 'ı aynı zamanda action layer 'ı olarak da kullanabiliriz.

Aşağıdaki script 'i ilk frame 'e ekleyelim :

Action Script Kodu : 
stop();

sonra , "5", "25" ve "26" nolu frame'lere de birer tane "insert a key frame" ekleyelim.

"25" nolu frame 'e aşağıdaki kodu ekleyelim :

Action Script Kodu : 
gotoAndPlay(1)

"26" nolu frame'e de aşağıdaki kodu ekleyelim :

Action Script Kodu : 
stop();

Formun bulundugu layer 1 de ilk frame 'e tıklayalım ve özellik panelinden "instance name" 'ini Form olarak tanımlayalım. Sonra Layer 1 'de "5" inci frame 'e "insert a key frame" ekleyelim ve 5. framdeki görünen formu silelim. Çünkü bize burda form gerek yok. Bu frame için " Sorry, but there has been an error " mesajını ekleyelim. Unutmayalım bu yazıyı eklerken text tool ' daki özellik Static Text olmalı:

error.jpg

"26" ıncı frame e "insert a keyframe" ile bir frame ekleyelim ve bu frame'in özelliklerinden instance name 'ini "Finished" olarak tanımlayalım Bu frame de görünen " Sorry" mesajını silelim ve yerine "Thank you" mesajını yazalım:

thankyou.jpg

Buraya kadar olan bölümler Flash bölümü idi .

Bölüm 2 - Send Mail
Dreamwaver ' da yeni bir PHP dosyası oluşturalım :
Kodlamalar aşağıdaki gibi olacak . Bölüm bölüm ne içeridiklerini anlatayım .

Php uygulama kodu :
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

Bütün bilgiler bu bölümden toplanacak. Form bölümünde eğer tanımlamaları değiştirdiyseniz buradaki tanımlamaları da ona göre değiştirmeniz gerekecektir.

Php uygulama kodu :
$emailaddress = "YOUR E-MAIL ADDRESS HERE";

Bu bölümde sizin e-mail adresiniz olacak.  Ve "YOUR E-MAIL ADDRESS HERE" bölümünü mutlaka sizin adresinizle değiştirin.

Php uygulama kodu :
$emailmessage = "Name: $name nn E-Mail Address: $email nn Message: $message";

bu bölümde de neyin nasıl olacağına dair bir kod :)

Php uygulama kodu : 
mail($emailaddress, "Message", $emailmessage);
?>

Aşağıda da Send.php dosyası içine yazılması gerek tüm kodlama.
Kendi e-mail adresinizi değiştirmeyi unutmayın.

Php uygulama kodu : 
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$emailaddress = "YOUR E-MAIL ADDRESS!!!";
$emailmessage = "Name: $name nn E-Mail Address: $email nn Message: $message";
mail($emailaddress, "Message", $emailmessage);
?>

son olarak Sen.php dosyasını kaydedin.

Kaynak www.macromediaturk.com/plugins/p2_news/printarticle.php
Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için burayı tıklayınız.

Flash Dersleri

Web Sayfasına Video Eklemek
Flv dosyanın oluşturulması ve Flash üzerinden video arayüzü ile sayfanın oluşturulması
Flash ve PHP ile dinamik içerik
Flash ile bir site yaptınız ve bu flashın içerisine haber bölümü ya da ona benzer, flash dışından gü...
Katmanlar
Guide layer, mask layer
Ses İşlemleri
Bütün yazı boyunca tek işimiz sesler olacak. Bununla birlikte yazmayı bitirdiğimde Profesyonel arka...
The Library Panel (Kütüphane)
Grafik sembolleri, buton sembolleri ve animasyon sembolleri içerir. Buradan istedi?imiz sembol...

    Ödev Gönder | İncelenmeyi Bekleyen Ödevler | Uygulama Resimleri | Uygulama Resmi Gönder | İnternet Üzerinden Sınav | Test Sorusu Gönder | Sınıf Karneleri | Anketler | Linkler
    www.dijitalders.com

    bilgidijitalders.com
    Bu sayfalar en iyi 1024 x 768 ekran çözünürlüğünde görüntülenir.
    Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir. Her hangi bir içeriğin lisanslı yahut şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
    Sayfada HATA! Olduğunu Düşünüyorsanız | Sık Kullanılanlara Ekle | www.dijitalders.com'u Ana Sayfam Yap | Web Tasarımcıya e-Posta
    Bu site 907,322 kişi tarafından ziyaret edilmiştir.