AS3 | Tıklayınca içindeki yazıyı silen metin alanı yapalım

Merhaba arkadaşlar. Bugün sizlere güzel bir konu anlatmak isterim. Fakat öncelikle tam olarak ne yapacağımızı bilmeniz gerekiyor. Şimdi yukarıdaki arama kutusunun içerisinde Arama yazıyor değil mi? O kutunun içine tıklayınca Arama yazısı silinecektir. Bu normal şartlarda Javascript ile yapılıyor fakat biz Flash versiyonunu çıkaracağız.

Web 2.0 ın dikkat ettiği noktalardan biri de formlardır. Eğer ki hem Flash hemde Web 2.0 diyorsanız sizde bazı atraksyonlar yapabilirsiniz. Ayrıca bu ders sayesinde yeni bir sınıfı da tanıyacağız. Bu arada yapacağımız örnekte metin alanına tıklayınca yazı silinecek fakat eğer ki birşey yazmazsanız geri gelecek. Tabi ki yazı yazarsanız geriye gelmecektir.


Öncelikle kodumuzu verelim;

nick.text = “Kullanıcı Adınız”;

nick.addEventListener(FocusEvent.FOCUS_IN, focusIn);
nick.addEventListener(FocusEvent.FOCUS_OUT, focusOut);

function focusIn(evt:Event) {
if(nick.text == “Kullanıcı Adınız”) {
nick.text = “”;
}
}

function focusOut(evt:Event) {
if(nick.text == “”) {
nick.text = “Kullanıcı Adınız”;
}
}

Evet gördüğünüz gibi sadece bu kadar. Öncelikle stage ye nick isimli bir input yani veri giriş formu ekleyin. Sonrasında kodlarımızı frame ye yerleştirin.

Kodları açıklamak gerekirse öncelikle nick isimli metin alanına “Kullanıcı Adınız” isimli bir yazı atanıyor. Sonra bu metin alanına focus eventi bağlıyoruz. Focus yani odaklanma konusu daha çok odanlanmasını istediğimiz şey seçilince, üzerinde işlem yapılınca aktif oluyor. Bu durumda iki türlü yol var. Birincisi focusIn yani odaklanıldığında, ikincisi ise focusOut yani odak değiştirilince.

İşte bu mantık ise iki adet olay dinleyicisi atıyoruz. Ardından fonksiyonlarımızı yazıyoruz. focusIn isimli fonksiyonda bir if döngüsü mevcut. Diyoruz ki nick isimli metin alanında “Kullanıcı Adınız” yazıyorsa ( hatırlayın en başta yazdırmıştık ) onun yerine “” yani boşluk ekle. Fakat yazmıyorsa hiçbir şey yapma. Bu durumda kişi herhangi bir değişiklik yapmaz ise yazı kalıyor fakat değişiklik yaparsa if döngüsü else ye atlayıp işlem yapmıyor.

focusOut isimli fonksiyonda ise nick isimli metin alanı boş ise yani veri girilmemiş ise “Kullanıcı Adınız” yazdır. Fakat boş değilde doluysa bırak aynen öyle kalsın. İşte hepsi bu kadar basit. Sorularınız olursa yine buradan ulaşabilirsiniz…

Herkese iyi günler, iyi çalışmalar…