Menggunakan Fungsi Confirm Plugin Lobibox sebagai Pengganti Default Confirm pada Intel XDK


Untuk mengganti default Confirm pada javascript dengan plugin Lobibox pertama yang kita butuhkan adalah download plugin lobibox di http://lobianijs.com/site/lobibox

extract file zip hasil download kemudian copy 2 file dari folder dist yaitu file
  1. lobibox.css
  2. lobibox.js
taruh kedua file tersebut ke dalam folder project intel xdk anda. kemudian tambahkan kedua script tersebut kedalam file index.html dengan menambahkan 2 baris berikut kedalam head (taruh setelah script jquery)
<link rel="stylesheet" href="lib/lobibox/lobibox.css">
<script type="application/javascript" src="lib/lobibox/lobibox.js"></script> 

sesuaikan lokasi filenya dengan lokasi file lobibox dalam project anda.

tambahkan code berikut kedalam app.js untuk meng override fungsi confirm bawaan javascript

window.confirm = function(pesan,fnIfYes,fnIfNo){
    Lobibox.confirm({
        msg : pesan,
        callback : function($this,type){
            if(type=='yes')
                fnIfYes();
            else
                fnIfNo();
        }
    });
};
 berikutnya untuk menggunakan fungsi confirm yang baru agak sedikit berbeda dari confirm defaultnya javascript yaitu :
confirm("Yakin mau menghapus data ??",
        function(){
            alert("fungsi jika dijawab yes");
        },
        function(){
            alert("fungsi jika dijawab no");
        });
Semoga bermanfaat,
Previous
Next Post »
0 Komentar