Senin, 11 Maret 2013

Input Text Aktif (Flash)


Biasanya ketika anda ingin mengetikan sesuatu pada input text, terlebih dahulu pasti anda harus menekan input text tersebut agar aktif. Tetapi ada juga cara agar membuat input text itu aktif dan siap diketik sehingga anda tidak perlu menekan input textnya terlebih dahulu. Caranya adalah dengan menggunakan script setFocus.
Berikut contoh penggunaannya.
1. Buatlah sebuah flash document.
2. Buatlah sebuah static text bertuliskan Masuk.
3. Buatlah sebuah persegi berwarna merah dengan garis hitam dan buat panjang serta lebarnya menutupi static text bertuliskan Masuk.
4. Seleksi persegi dan static text kemudian tekan F8. Pada panel yang muncul masukkan masuk_btn sebagai name dan button sebagai movie clip lalu tekan ok.
5. Seleksi masuk_btn kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan masuk_btnsebagai instance name.
6. Letkkan masuk_btn di tengah-tengah stage.
7. Klik kanan frame 2 dan pilih Insert Blank Keyframe.
8. Klik frame 2 agar anda aktif di frame tersebut kemudian buatlah sebuah Input Text di stage.
9. Seleksi Input Text tersebut dan pada panel properties masukan txt sebagai Var, 20 sebagai Maximum characters, serta aktifkan Show border around text dan Align Center.
10. Letkkan input text di tengah-tengah stage.
11. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
1
2
3
4
5
6
7
//menghentikan frame agar tidak memainkan frame selanjutnya
stop();
//ketika tombol masuk_btn ditekan
masuk_btn.onPress = function() {
 //mainkan frame 2
 gotoAndPlay(2);
};
12. Klik frame 2 dan pada panel actions masukkan script berikut :
1
2
3
4
//menghentikan frame agar tidak memainkan frame selanjutnya
stop();
//membuat fokus pada input text dengan var txt
Selection.setFocus("txt");
13. Tekan Ctrl+Enter untuk melihat hasilnya :
14. Tekan tombol Masuk lalu anda akan berada di stage yang terdapat input text. Silahkan langsung ketikkan apa saja tanpa anda perlu menekan input textnya terlebih dahulu.
15. Input text menjadi tidak aktif jika anda menekan objek selain input text. Untuk masalah ini, anda dapat mengakalinya dengan membuat persegi (panjang dan lebar sesuai ukuran stage) dan masukan bg sebagai instance namenya. Kemudian tambahkan script berikut pada panel actions di frame tempat movie clip ini berada:
1
2
3
4
5
6
7
//hilangkan kursor tangan pada movie clip bg
bg.useHandCursor = false;
//ketika movie clip bg ditekan
bg.onPress = function() {
 //membuat fokus pada input text dengan var txt
 Selection.setFocus("txt");
};
Sourcenya dapat di download di sini

Tidak ada komentar:

Posting Komentar