Membuat dialog konfirmasi javascript sederhana menggunakan jQuery

script ini diambil dari forum CodeIgniter. Misalkan kita buat link utk delete record, dan untuk menghindari user meng-klik link delete secara tidak sengaja, kita akan tampilkan dialog konfirmasi terlebih dahulu. Keliatan-nya emang sepele dan sederhana, tapi fungsi ini sangat berguna dari sisi usability, apalagi kita gunakan script yg sifatnya unobtrusive, maknyus :D

Seperti biasa masukkan jQuery terlebih dahulu

JAVASCRIPT:
  1. <script src="jquery.js" type="text/javascript"></script>

Kemudian tambahkan script berikut juga

JAVASCRIPT:
  1. <script type="text/javascript">
  2. <!--
  3. $(document).ready(function(){
  4.     $('.confirm').click(function(){
  5.         var answer = confirm(jQuery(this).attr('title'));
  6.         return answer;
  7.     });
  8. });
  9. // -->
  10. </script>

script ini mencari element yg memiliki class .confirm, menampilkan fungsi confirm di javascript, dan mengambil attribut title di element .confirm tersebut untuk ditampilkan di dalam dialog konfirmasi. Lihat Demo berikut.

Kalo mau yang lebih full featured ala modal dialog bisa cek BlockUI

3 Responses to “Membuat dialog konfirmasi javascript sederhana menggunakan jQuery”


  1. 1 Yogi

    jQuery memang mantab.

  2. 2 Ivan

    Yup.. JQuery emang maknyos..

  3. 3 Fachrur Rozi

    jQuery lumayan membantu….

Leave a Reply




It seems you're using an unsafe, out-of-date browser. Click here to upgrade to Firefox for free. X