Make your own free website on Tripod.com
 

Senarai kategori: 

Modal Dialog Box
Contoh

Skrip

Penggunaan
Salin skrip di atas (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di antara <body> dan </body> kod html anda.
Gantikan buka2.htm dalam fungsi buka dengan laman web pilihan anda.
 
Ada dua cara anda boleh membuka Modal Dialog Box ini:
1) menggunakan butang
<input type="button" value="Klik Sini" onclick="buka()">
 
2) menggunakan teks hyperlink
<a href="javascript://" onclick="buka()">Klik Sini</a>
Penerangan
Modal Dialog Box berfungsi seperti kotak alert. Anda tidak akan dapat mengalihkan fokus ke laman asal selagi ia tidak ditutup.
Kegunaan
Saya tidak pasti apakah tujuan sebenar Modal Dialog Box. Walaubagaimanapun, saya pernah menggunakannya sebagai kotak login. Dengan sedikit kreativiti, mungkin anda boleh menggunakan Modal Dialog Box untuk:
a) memaparkan status loading sesuatu fail seperti loading di dalam flash
b) membenarkan pengguna menukar setting css
c) memaksa pengguna membaca syarat-syarat tertentu sebelum memasuki sesuatu laman
d) kotak login
* untuk rujukan, sila berkunjung ke http://www.webreference.com/js/column90/10.html