Merhaba Arkadaşlar, flashdersleri.net’teki bu ilk dersimde Flash ve Php ile web sitesinde mail gönderme formu, nasıl yapılır onu anlatacağım.

İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.
Derse başlamadan, önce ders için hazırladığım bu mail_form.fla dosyasını indirip, açın.
.fla’nın içinde, sahnede 5 text kutucuğu ve 2 buton bulunmaktadır.

Text Kutucukları;

• isim_txt
• email_txt
• konu_txt
• mesaj_txt
• rapor_txt

Text kutucuklarından 4′ü (isim_txt, email_txt, konu_txt, mesaj_txt) input text,  rapor_txt ise dynamic text formatındadır.

Butonlar;

• temizle_btn
• gonder_btn

Hemen Actions panelimizi açıp kodlarımızı yazmaya başlayalım.

İlk olarak her ihtimale karşı bütün text kutucuklarımızı boşaltıyoruz.

 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
//rapor_mc nin visible(görünürlük) değerini false(görünmez) olarak ayarlıyoruz.
rapor_mc.visible=false;

Değikenleri oluşturuyoruz.

var zamanlayici:Timer;
var url_yukle:URLLoader=new URLLoader  ;
var url_adresi:URLRequest=new URLRequest("gonder.php");
url_adresi.method=URLRequestMethod.POST; 
 

Buttonlara olay dinleyicilerini atıyoruz.

 gonder_btn.addEventListener(MouseEvent.CLICK, gonderFNC);
temizle_btn.addEventListener(MouseEvent.CLICK, temizleFNC);

temizleFNC Fonksiyonunu:

 function temizleFNC(e:Event){
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
mesaj_txt.sdlf
 rapor_mc.visible=false;
} 

gonderFNC Fonksiyonu:

gonderFNC fonksiyonunda ilk olarak rapor_mc nin visible değerini true olarak ayarlıyoruz.

Daha sonra ilk if te, girilmesi zorunlu olan tüm text kutucuklarının boş olup olmadığı kontrol ediliyor.

İlk if’in şartları onaylandıktan sonra else if’te mailKontrolFNC fonksiyonu ile mailin doğrumu yanlışmı girildiği kontrol ediliyor.

else if’in şartlarıda onaylandıktan sonra else ile rapor_mc’nin içindeki rapor_txt’e “Gönderiliyor…” yazdırılıyor, ve sonra email_data adı ile oluşturulan String türünde değişken ile text kutucuklarına girilen değerler URL_vars değişkeniyle Text formatıyla url_adresi değişkenine ardından url_yukle değişkenine eşitleniyor.

url_yukle değişkenine eklene olay denetleyicisi ile veri yuklendikten sonra yanitAlFNC fonksiyonu çağrılıyor.

function gonderFNC(e:Event) {
 rapor_mc.visible=true;
 if (isim_txt.text==""||email_txt.text==""||konu_txt.text==""||mesaj_txt.text=="") {
 rapor_mc.rapor_txt.text="Lütfen tüm alanları doldurunuz.";
 } else if (!mailKontrolFNC(email_txt.text)) {
 rapor_mc.rapor_txt.text="Lütfen email adresinizi kontrol edin.";
 } else {
 rapor_mc.rapor_txt.text="Gönderiliyor...";
 var email_data:String="name="+isim_txt.text+"$email="+email_txt.text+"$konu="+konu_txt.text+"$mesaj="+mesaj_txt.text;
 var URL_vars:URLVariables=new URLVariables(email_data);
 URL_vars.dataFormat=URLLoaderDataFormat.TEXT;

 url_adresi.data=URL_vars;
 url_yukle.load(url_adresi);
 url_yukle.addEventListener(Event.COMPLETE,yanitAlFNC);
 }
}
 

mailKontrolFNC Fonksiyonu:

mailKontrolFNC fonksiyonu ile email_txt text kutucuğuna girilen mail adresinin doğru olup olmadığı kontrol ediliyor.

function mailKontrolFNC(s:String):Boolean {
 var p:RegExp=/^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/;
 var r:Object = p.exec(s)
 if (r==null) {
 return false;
 }
 return true;
}

yanitAlFNC Fonksiyonu

yanitAlFNC fonksiyonunda zamanlayici fonksiyonu ile verilerin belirtilen php dosyasına ulaşıp ulaşmadığı kontrol ediliyor.

function yanitAlFNC(e:Event):void {
 var yukleyici:URLLoader=URLLoader(e.target);
 var email_durumu=new URLVariables(yukleyici.data).success;

 if (email_durumu=="yes") {
 rapor_mc.rapor_txt.text="Mesajınız başarılı bir şekilde gönderilmiştir.";
 zamanlayici=new Timer(500);
 zamanlayici.addEventListener(TimerEvent.TIMER, zamanlayiciFNC);
 zamanlayici.start();
 } else {
 mesaj_txt.text="Mesajınız Gönderilemedi.";
 }
}

zamanlayiciFNC Fonksiyonu

zamanlayiciFNC  fonksiyonu belirtilen süreden sonra tüm text kutucuklarının içini boşaltıyor.

 function zamanlayiciFNC(te:TimerEvent):void {
 if (zamanlayici.currentCount>=10) {
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
 rapor_mc.visible=false;
 zamanlayici.removeEventListener(TimerEvent.TIMER,zamanlayiciFNC);
 }
}

Dosyalar:

Elimden geldiğince, dilim döndüğünce anlatmaya çalıştım.

İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.
Derse başlamadan, önce ders için hazırladığım bu mail_form.fla dosyasını indirip, açın.
.fla’nın içinde, sahnede 5 text kutucuğu ve 2 buton bulunmaktadır.

Text Kutucukları;

• isim_txt
• email_txt
• konu_txt
• mesaj_txt
• rapor_txt

Text kutucuklarından 4′ü (isim_txt, email_txt, konu_txt, mesaj_txt) input text,  rapor_txt ise dynamic text formatındadır.

Butonlar;

• temizle_btn
• gonder_btn

Hemen Actions panelimizi açıp kodlarımızı yazmaya başlayalım.

İlk olarak her ihtimale karşı bütün text kutucuklarımızı boşaltıyoruz.

 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
//rapor_mc nin visible(görünürlük) değerini false(görünmez) olarak ayarlıyoruz.
rapor_mc.visible=false;

Değikenleri oluşturuyoruz.

var zamanlayici:Timer;
var url_yukle:URLLoader=new URLLoader  ;
var url_adresi:URLRequest=new URLRequest("gonder.php");
url_adresi.method=URLRequestMethod.POST; 
 

Buttonlara olay dinleyicilerini atıyoruz.

 gonder_btn.addEventListener(MouseEvent.CLICK, gonderFNC);
temizle_btn.addEventListener(MouseEvent.CLICK, temizleFNC);

temizleFNC Fonksiyonunu:

 function temizleFNC(e:Event){
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
mesaj_txt.sdlf
 rapor_mc.visible=false;
} 

gonderFNC Fonksiyonu:

gonderFNC fonksiyonunda ilk olarak rapor_mc nin visible değerini true olarak ayarlıyoruz.

Daha sonra ilk if te, girilmesi zorunlu olan tüm text kutucuklarının boş olup olmadığı kontrol ediliyor.

İlk if’in şartları onaylandıktan sonra else if’te mailKontrolFNC fonksiyonu ile mailin doğrumu yanlışmı girildiği kontrol ediliyor.

else if’in şartlarıda onaylandıktan sonra else ile rapor_mc’nin içindeki rapor_txt’e “Gönderiliyor…” yazdırılıyor, ve sonra email_data adı ile oluşturulan String türünde değişken ile text kutucuklarına girilen değerler URL_vars değişkeniyle Text formatıyla url_adresi değişkenine ardından url_yukle değişkenine eşitleniyor.

url_yukle değişkenine eklene olay denetleyicisi ile veri yuklendikten sonra yanitAlFNC fonksiyonu çağrılıyor.

function gonderFNC(e:Event) {
 rapor_mc.visible=true;
 if (isim_txt.text==""||email_txt.text==""||konu_txt.text==""||mesaj_txt.text=="") {
 rapor_mc.rapor_txt.text="Lütfen tüm alanları doldurunuz.";
 } else if (!mailKontrolFNC(email_txt.text)) {
 rapor_mc.rapor_txt.text="Lütfen email adresinizi kontrol edin.";
 } else {
 rapor_mc.rapor_txt.text="Gönderiliyor...";
 var email_data:String="name="+isim_txt.text+"$email="+email_txt.text+"$konu="+konu_txt.text+"$mesaj="+mesaj_txt.text;
 var URL_vars:URLVariables=new URLVariables(email_data);
 URL_vars.dataFormat=URLLoaderDataFormat.TEXT;

 url_adresi.data=URL_vars;
 url_yukle.load(url_adresi);
 url_yukle.addEventListener(Event.COMPLETE,yanitAlFNC);
 }
}
 

mailKontrolFNC Fonksiyonu:

mailKontrolFNC fonksiyonu ile email_txt text kutucuğuna girilen mail adresinin doğru olup olmadığı kontrol ediliyor.

function mailKontrolFNC(s:String):Boolean {
 var p:RegExp=/^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/;
 var r:Object = p.exec(s)
 if (r==null) {
 return false;
 }
 return true;
}

yanitAlFNC Fonksiyonu

yanitAlFNC fonksiyonunda zamanlayici fonksiyonu ile verilerin belirtilen php dosyasına ulaşıp ulaşmadığı kontrol ediliyor.

function yanitAlFNC(e:Event):void {
 var yukleyici:URLLoader=URLLoader(e.target);
 var email_durumu=new URLVariables(yukleyici.data).success;

 if (email_durumu=="yes") {
 rapor_mc.rapor_txt.text="Mesajınız başarılı bir şekilde gönderilmiştir.";
 zamanlayici=new Timer(500);
 zamanlayici.addEventListener(TimerEvent.TIMER, zamanlayiciFNC);
 zamanlayici.start();
 } else {
 mesaj_txt.text="Mesajınız Gönderilemedi.";
 }
}

zamanlayiciFNC Fonksiyonu

zamanlayiciFNC  fonksiyonu belirtilen süreden sonra tüm text kutucuklarının içini boşaltıyor.

 function zamanlayiciFNC(te:TimerEvent):void {
 if (zamanlayici.currentCount>=10) {
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
 rapor_mc.visible=false;
 zamanlayici.removeEventListener(TimerEvent.TIMER,zamanlayiciFNC);
 }
}

Dosyalar:

Elimden geldiğince, dilim döndüğünce anlatmaya çalıştım.

Bu daireyi movieclibe çevirin. Yalnız movieclibe çevirirken registration noktasını orta nokta yapmaya dikkat edelim. ve dairemizin instance name ismini daire_mc olarak verelim. Şimdi geldik işin eğlenceli kısmına.

//öncelikle flashın kendi tween sınıfını kullanacağımız için gerekli sınıfları import ediyoruz.

import fl.transitions.Tween;
import fl.transitions.easing.*;

//sonra flash biraz saf:) olduğundan bizim kasdettiğimiz açıları bilemediğinden bu açıları radyana çeviren bir fonksiyon tanımlıyoruz. Aslında bu tanımladığımız fonksiyonu tüm radyan dönüşümlerinde kullanabilirsiniz. Bu fonksiyonda çıkan değerin Number degişken olduğuna dikkat edelim.

function aciDondurFNC(dx:Number,dy:Number):Number
{
return Math.atan2(dy,dx)*180/Math.PI;
}

//daire_mc movieclibimize mouse üzerine tıklandığında gıdıklansın diye bir click olayı ekliyoruz.

daire_mc.addEventListener(MouseEvent.CLICK,downFNC);

//eklediğimiz fonksiyonu içerisini dolduruyoruz.

function downFNC(evt:MouseEvent):void
{

//öncelikle yeniDeger adında bir degişken tanımlıyoruz. bu degişken mousemuzun bulunduğu nokta ile dairenin koordinatları arasındaki farkı bularak bu farktan çıkan sonuçları aciDondurFNC yardımıyla radyana dönüştürüyor.
var yeniDeger:Number=aciDondurFNC(mouseX-daire_mc.x,mouseY-daire_mc.y);

//uzaklik degişkenimiz bulmuş oldugumuz yeniDeger açısıyla dairemizin açısı arasındaki farkı hesaplıyoruz. Ters yöne dönüş yapmasını engellemek için Math.abs ile mutlak değerini alıyoruz.

var uzaklik:Number=Math.abs(yeniDeger-daire_mc.rotation);
daire_mc.rotation%=360; // burada da daireinin açısı 360 dan fazla çıkarsa fazlalıkları 360 a bölerek açıyı tekrardan sıfır derecelik açıya getiriyoruz.

// dairenin sağa ve sola dönüş yönünü bir if koşuluyla kontrol ediyoruz. if koşuluna bayılıyorum yaa:)

if(uzaklik>180)  // eger mesafe 180 den büyükse – yönde dön degilse + yönde dön diyoruz.
{
if(yeniDeger>daire_mc.rotation)
{
yeniDeger-=360;
} else
{
yeniDeger+=360;
}
}

//en sonunda tween uyguluyoruz. Bu tweenle dairenin rotasını eski halinden bizim belirlediğimiz yere getiriyoruz.

var myTween:Tween = new Tween(daire_mc, “rotation”, Strong.easeOut, daire_mc.rotation, yeniDeger, 1, true);
}

//bu dersin kaynak dosyasına ulaşmak için tıklayınız.

//kodumuz buraya kadardır. flashın kendi tween sınıfı ile ilgili videolu ders isterseniz sitemdeki şu dersi izleyebilirsiniz.

www.tiklaveogren.com

Bundan sonraki çılgın derslerimizde görüşmek temennisiyle BOL FLASHLI GÜNLER.