Membuat Password Text Menggunakan Flash dan ActionScript 2.0

Cari Blog Ini

Sabtu, 29 Oktober 2011

Anda pasti sudah sering melihat bagaimana tampilan password yang anda ketik saat akan masuk ke akun tertentu bukan? Kali ini kita akan membuatnya menggunakan Adobe Flash dan ActionScript 2.0. Berikut langkah-langkahnya :
1. Buat flash document baru 300x200 pixels

2. Buka panel action dan masukkan script : 
this.createTextField ("teks",1,20,5,200,20);
teks.text = "Input text password";
//membuat input text
this.createTextField ("pswd",2,20,30,200,20);
pswd.type = "input";
pswd.border = true;
pswd.wordWrap = true;
//menjadikan teks yang diketik terlihat seperti bintang (password)
pswd.password = true;
this.createTextField ("teks2",3,20,50,300,20);
teks2.text = "Anda telah mengetik teks berikut pada kolom password";
this.createTextField ("pswd_tampil",4,20,70,200,20);
pswd_tampil.selectable = false;
pswd_tampil.border = true;
onEnterFrame = function () {
    //menampilkan teks yang ditulis pada input text
    pswd_tampil.text = pswd.text;
};

3 Tekan Ctrl+Enter untuk melihat hasilnya.

Nah, setelah aplikasi anda siap, coba ketikkan sebuah kata pada input text password yang telah anda buat. Disana hanya terlihat karakter bintang (*), sedangkan teks dibawahnya akan menampilkan apa yang sebenarnya anda ketikkan pada kolom password.Bagaimana? Mudah bukan?

Demikian tutorial kali ini, semoga bermanfaat!

Download source flanya disini

0 komentar :

Posting Komentar

Members