Membuat Confirm Dialog Dengan Javascript

Postingan kali ini tentang Javascript lagi. Kali ini saya ingin share tentang penggunaan confirm dialog box.
Anda pasti sudah pernah menemui dialog box seperti ini :


Dialog box tersebut dinamakan dengan confirm dialog. Kegunaanya tentu saja untuk meyakinkan user terhadap action yang akan dilakukannya. Jika yang dipilih OK maka action akan berjalan namun jika yang di pilih cancel maka action tidak akan berjalan.

Contohnya begini, coba anda klik link dibawah ini:



CONTOH CONFIRM DIALOG

apa yang terjadi? Jika memilih option OK maka akan muncul windows baru menuju halaman yang lain di blog ini. Namun jika anda memilih cancel maka tidak akan ada action yang dieksekusi.

Langsung saja, syntax dari confirm dialog ini cukup pendek yaitu :

confirm("pesan anda disini");

untuk contoh yang diatas saya letakan pada link, sehingga jadinya seperti ini :

<a href="http://blajar-komputer.blogspot.com" target="_blank" onclick='return confirm("yakin nih?");'>Link</a>

atau anda juga bisa menempatkannya pada tag <body>, semisal jika user ingin menutup browsernya. Jika disisipi confirm dialog ini maka sebelum browser tertutup akan muncul confirm dialog. Anda cukup menyisipkan atribut onunload pada tag <body> Berikut adalah contohnya :

<body onunload='return confirm(“yakin akan meninggalkan halaman ini?”);'>

Sebenarnya confirm dialog ini kegunaannya sangat banyak. Yang jelas confirm dialog ini akan sangat berguna untuk mengatasi kecerobohan user. Misalnya saja ada link untuk menghapus suatu data. Jika link tersebut tidak diberi konfirmasi, saat link tersebut diklik maka data akan langsung terhapus, jika user yang mengeklik link tersebut tidak sengaja maka data juga akan langsung terhapus. Dan ini akan merepotkan jika data yang terhapus merupakan data yang penting. Untuk itu gunakanlah confirm dialog ini untuk mengatasi kecerobohan user.

15 comments:

  1. silahkan dipakai bro,,,
    makasih sudah mampir

    ReplyDelete
  2. Wuih gan, blog u keren bangettttt. Izin copy ya, biar teman2 ane bisa bikin confirm dialog. Thanks gan. GBU

    ReplyDelete
  3. pintar sekali kayaknya agan ini guru komputer yang uda berpengalaman ya gan

    ReplyDelete
  4. Menangkan Jutaan Rupiah dan Dapatkan Jackpot Hingga Puluhan Juta Dengan Bermain di www(.)SmsQQ(.)com

    Kelebihan dari Agen Judi Online SmsQQ :
    -Situs Aman dan Terpercaya.
    - Minimal Deposit Hanya Rp.10.000
    - Proses Setor Dana & Tarik Dana Akan Diproses Dengan Cepat (Jika Tidak Ada Gangguan).
    - Bonus Turnover 0.3%-0.5% (Disetiap Harinya)
    - Bonus Refferal 20% (Seumur Hidup)
    -Pelayanan Ramah dan Sopan.Customer Service Online 24 Jam.
    - 4 Bank Lokal Tersedia : BCA-MANDIRI-BNI-BRI

    8 Permainan Dalam 1 ID :
    Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar66

    Info Lebih Lanjut Hubungi Kami di :
    BBM: 2AD05265
    WA: +855968010699
    Skype: smsqqcom@gmail.com

    ReplyDelete
  5. Kabar Gembira Buat Semua Member Setia Bolavita
    Dalam Rangka Menyambut Ulang Tahun Bolavita Ke 6 (Enam)
    Bolavita Memberikan Bonus Spesial IDR 2.000.000
    Ayo Buruan Gabung Sekarang dan Ambil Bonusnya

    Mari Kunjungin Segera Website kami :
    www(titik)bolavita(titik)fun
    www(titik)sateayam(titik)club
    www(titik)pokervita(titik)live

    Info Lebih Lanjut Bisa Hub kami Di :
    Live Chat Online 24 JAM NONSTOP !!!
    WA : +628122222995
    Pin BBM : BOLAVITA / D8C363CA (NEW)


    ReplyDelete
  6. Ijin promo yahh
    Hallo Bossku ! mau kasih info sedikit nihh , di EDENPOKER lagi memberikan bonus
    10.000 Ribu GRATISS LHOO dan kami juga memberikan bonus next depo 5 % juga lhoo
    ayoo buruaan gabung bersama kami di E D E N P O K E R . X Y Z

    ReplyDelete
  7. Mari dapatkan bonus yang meriah hanya dengan deposit minimal 15.000 untuk new member dan dapatkan bonusnya 20.000
    Dan teruslah bermain hingga kamu bisa mendapat banyak bonus lainnya dari kami yang memberikan kenyamanan dan memuaskan untuk anda dengan kejutan yang akan kami berikan melalui bonus bonus yang akan datang!!Banyak terbukti bergabung bersama kami. Kamu akan mendapatkan banyak untung dari sebuah permainan.
    Ayo tunggu apa lagi? Raihlah kemenangan dan hoki mu disini ���������� #KENARIPOKER. COM


    ReplyDelete
  8. MasterCeme, Agen CEME IDNPLAY Terpercaya di INDONESIA
    masterceme.com
    HOT PROMO :
    - THR akhir Tahun 2019
    - Referral 20%
    - Cashback 0.3%
    - Bonus Deposit Harian 5.000 / hari

    Link Alternatif :
    masterceme.info
    masterceme.net

    WA: +85578968600
    Line : Masterceme

    ReplyDelete