Mengganti Alert Default dengan plugin Lobibox pada Intel XDK

Untuk mengganti default alert 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 alert bawaan javascript
window.alert = function(pesan){
    Lobibox.alert('info',{
        msg : pesan
    });
};
jika anda berhasil, maka setiap anda memanggil alert maka yang keluar adalah alert milik lobibox.



Previous
Next Post »
0 Komentar