Jika sering melakukan blogwalking pasti sering menemukan kotak pop up yang tiba-tiba muncul ketika sebuah tautan diklik. Banyak jenis tampilan pop up, tapi kali ini kotak pupup sebagai dialog yang menampilkan pesan dan dilengkapi tombol "OK" "Batal". Tergantung pesan kotak dialognya. Ini semua dibuat dengan JavaScript dan termasuk dalam kategori "JavaScript kotak popup". Kotak apa yang kita maksudkan di sini juga boleh disebut sebagai "kotak dialog", "JavaScript dialog", "dialog popup", bebas menyebutnya.
JavaScript memiliki tiga contoh penggunaan kotak popup yang yang sering digunakan. Cara membuat kotak pop up beserta pesan di dalamnya menggunakan kode javascript dan bisa disesuaikan dengan selera.
Kotak Allert (peringatan
Berikut sintaks untuk menentukan kotak popup, bersama dengan beberapa contoh. Jenis Contoh Sintaks Kode Popup Contoh Tampilan Alert:
Perhatikan bahwa browser yang sedang digunakan menentukan tampilan popup (kotak dialog). Hal ini karena kode popup kita hanya memberitahu browser untuk "menampilkan jenis popup dengan pesan ini". Terserah browser untuk membuat jenis yang tepat dari popup dengan pesan tertentu. Beda broser akan beda penampilannya.
Gabungkan JavaScript dengan HTML serta CSS
Anda akan menyadari bahwa (di atas) contoh popup tidak muncul segera setelah Anda dimuat halaman ini. Mereka hanya muncul setelah Anda mengklik tombol yang relevan. Hal ini karena saya menempatkan kode ke setiap tombol HTML, sehingga ketika itu diklik, itu memicu JavaScript kami.
Jelajahi Javascript untuk mengetahui hal ini lebih rinci.
Jenis-Jenis Kotak Dialog.
JavaScript memiliki tiga contoh penggunaan kotak popup yang yang sering digunakan. Cara membuat kotak pop up beserta pesan di dalamnya menggunakan kode javascript dan bisa disesuaikan dengan selera.
Kotak Allert (peringatan
Menampilkan beberapa pesan penting ke pengunjung. Contoh:  |
Konfirmasi. Meminta user untuk memastikan pilihan. Kotak dialog ini sering digunakan untuk memberi peringatan pada pengunjung agar tidak melakukan tindakan yang tidak kita setujui, misalnya melakukan kopi paste. Contoh:  |
Prompt Kotak dialog ini sering digunakan sebagai jalan pintas untuk mengirim informasi. Sebuah kotak dialog otomatis muncul ketika tautan diklik dan tersedia sebuah textarea untuk menuliskan keterangan yang akan dikirimkan. Contoh:  |
Cara membuat Kotak Dialog.
Berikut sintaks untuk menentukan kotak popup, bersama dengan beberapa contoh. Jenis Contoh Sintaks Kode Popup Contoh Tampilan Alert:
| Type of Popup | Syntax | Example Code | Example Display |
|---|---|---|---|
| Alert | alert("Message"); | alert("Klik Kanan Dinonaktifkan!"); | |
| Confirm | confirm("Message"); | confirm("Ingin Keluar Dari Halaman Ini?"); | |
| Prompt | prompt("Message","Default response"); | prompt('Kemana Pesan Akan Kami Kirimkan?', 'email@kontak.com'); |
Perhatikan bahwa browser yang sedang digunakan menentukan tampilan popup (kotak dialog). Hal ini karena kode popup kita hanya memberitahu browser untuk "menampilkan jenis popup dengan pesan ini". Terserah browser untuk membuat jenis yang tepat dari popup dengan pesan tertentu. Beda broser akan beda penampilannya.
Gabungkan JavaScript dengan HTML serta CSS
Anda akan menyadari bahwa (di atas) contoh popup tidak muncul segera setelah Anda dimuat halaman ini. Mereka hanya muncul setelah Anda mengklik tombol yang relevan. Hal ini karena saya menempatkan kode ke setiap tombol HTML, sehingga ketika itu diklik, itu memicu JavaScript kami.
Jelajahi Javascript untuk mengetahui hal ini lebih rinci.
Tags:
Javascript
