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.

Örneğin menülerimizin bulunduğu bir taşıyıcı clipimiz var ve biz bu clipin daima en üstte ve hangi çözünürlük olursa olsun ortada durmasını istiyoruz, bu örnek çerçevesinde ekranda nesneler nasıl konumlanır anlatmaya başlayalım.

Öncelikle sahnemizde instance name i menuler olan ve içerisinde menüleri barındıran MC imizi oluşturalım genişliği (width) = 150 yüksekliği (height) = 20 px. olduğunu varsayıyorum..

Sonrasında internette yayınlamak için html ayarlarını yapıyoruz. Bunun için File/publish Setting / HTML bölümüne giriyoruz. Dimensions = Percent Scale=No Scale   Flash Alignment = left         top olarak ayarlarını yapıyoruz..

Şimdi ise menuler nesnemizin bulunduğu frame kodlarımızı yazabiliriz;

/*
 
bu kodlarla ekranımızın başlangıç noktasını dolayısı ile konumlandırmada
 
nasıl bi yol izleneceğini tanımlıyoruz
 
*/
 
stage.scaleMode=StageScaleMode.NO_SCALE;
stage.align=StageAlign.TOP_LEFT;
 
//Ekran boyutu her değiştiğinde otomatik düzenleme
 
//yapan fonksiyonumuzu yazıyoruz
 
function duzen(e:Event):void {
 
//menuler nesnemizin x pozisyonunu ayarlıyoruz
menuler.x=(stage.stageWidth-menuler.width)/2;
 
//böylelikle menuler nesnemiz ekranın daima ortasında olacak
 
menuler.y=10;
 
//böylelikle menuler nesnemiz daima ekranımızın en üstünde olacaktır.
}
 
//şimdi ise bu fonksiyonu çalışmamız ilk açıldığında başlatıyoruz.
duzen(null);
 
//şimdi ise her ekran değişiminde otomatik yeniden boyutlandırıyoruz
 
//sahneye (stage) fonksiyonumuzu dinletiyoruz..
stage.addEventListener(Event.RESIZE, duzen);

İşte bu kadar..  Bu yöntemle istediğimiz kadar nesneyi tek bi fonksiyon içerisinde konumlandırabiliriz.

Herkese Bol flashlı günler diliyorum.. Kolay Gelsin..

Kemal Faruk DURHAT

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.

Daha sonra movie clip’in intance name değerine mc yazalım (intance name değerini properties panelinden intance name kutucuğunda belirtiniz)

Daha önce de belirtiğimiz gibi kodları Movie Clip lere yazamıyoruz.Dolayısıyla kodumuzu 1.frame e yazmalıyız.

Şimdi aşağıdaki kodu birinci frame’de yazalım

addEventListener(Event.ENTER_FRAME,dondur);
function dondur(e:Event) {
mc.rotation+=15;
}

Burda altı çizli olan ENTER_FRAME kodu, Action Script2 deki OnEnterFrame ile aynıdır.Yani mc.rotation+=15; kodumuzun sürekli işlemesi içindir.Eğer frame’ e sadece mc.rotation+=15; yazarsak, cisim sadece bir kere 15 derece dönecektir ama biz bu kodla bu işlemi tekrarlıyoruz ve dönmesini sağlıyoruz.
Yine kodlardaki dondur kelimeleri fonsiyondur ve ilk satırdaki ile ikinci satırdaki aynı olmalıdır.
mc ise cismin instance name idir.Cismin intance name ini değiştirirseniz bunu da ona göre belirlemeniz gerekmektedir.
Son olarak + ile saat yönü – ile saat yönünün tersine dönmesini sağlarsınız.
Çalışmayı indirmek isteyenler için;
http://www.flasharsivi.com/izle.asp?fla_no=2661

Öncelikle sahneye bir obje çizip seçtikten sonra F8 ile Movie Clip ya da Buton yapalım.

Daha sonra objemizi seçip Properties panelinden Intance Name değerine faButon yazalım.

Şimdi uygulayabileceğimiz kodlara geçelim;
Daha önce de belirttiğimiz gibi FlaacshCs3 ile gelen Action Script3 te kodları butonlara ya da movie cliplere yazamıyoruz.Bütün kodları framelere yazmak zorundayız.
Yukarıdaki işlemleri yaptıktan sonra 1.frame e şu kodu ekleyelim;

faButon.addEventListener(MouseEvent.CLICK,tiklama);
function tiklama(e:MouseEvent) {
//işlemler
}

Bu kod obje tıklandığında yapılacak işlemler için kullanılır.Bunu MouseEvent.CLICK’ten anlıyoruz.
ilk satınız ilk kelimesi olan faButon, objenin intance name idir..mavi ile belirtilen tiklama kelimeleri ise fonksiyondur ve her ikisi de aynı olmalıdır.Yani fonksiyon belirtip aşağıda o fonksiyonun yapacağı işlemi gösteriyoruz.

Şimdi aşağıda her olaya göre ayrı ayrı kodları vereceğim;

faButon.addEventListener(MouseEvent.CLICK, tiklama);
function tiklama(e:MouseEvent) {
trace("Tıklandı")
}

Bu kodu 1.frame e eklediğinizde obje tıklandığında Output penceresine “Tıklandı” yazdıracaktır.

Tıklama olayı dışında kullanabileceğimiz diğer olaylar aşağıdadır.Bunlar kullanırken yukardaki kod gibi kullanılır.
Aşağıdakileri yukardaki koda sadece kırmızı ile yazdığımız MouseEvent.CLICK yerine yazarak uygulayınız.
MouseEvent.CLICK – Obje tıklanınca// yukarda bunu kullandık.
MouseEvent.MOUSE_DOWN - Objeye basılınca.
MouseEvent.DOUBLE_CLICK – Çift Tıklanınca.
MouseEvent.MOUSE_MOVE – Mouse obje üstünde gezdirildiği sürece sürekli istenilen işlemi yapar.
MouseEvent.MOUSE_OVER – Mouse Üstüne gelince
MouseEvent.MOUSE_OUT – Mouse objenin üstünden çekilince.
MouseEvent.MOUSE_UP – Objeye basılıp bırakılınca
MouseEvent.MOUSE_OVER – Mouse Üstüne gelince
MouseEvent.MOUSE_OUT - Mouse objenin üstünden çekilince.
MouseEvent.MOUSE_WHEEL - Objenin üstündeyken mouse’un tekerleği oynatılınca

Başka derslerde görüşmek üzere.