Mengganti Fungsi Default Prompt 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 prompt bawaan javascript

window.prompt = function(pesan,fnSuccess,nilaiDefault){
    Lobibox.prompt('text',{
        title : pesan,
        value : nilaiDefault,
        callback : function($this,type,ev){
            if(type=='ok'){
                fnSuccess($this.getValue());
            }
        }
    });
};

kemudian untuk menggunakan prompt metodenya sedikit berbeda dari prompt default yaitu 

        prompt("Masukkan email : ",function(result){
            alert("Email anda adalah : " + result);
        });

dimana result adalah hasil inputan anda, jika anda ingin menambahkan default value tinggal tambahkan parameter ke tiga seperti

        prompt("Masukkan email : ",function(result){
            alert("Email anda adalah : " + result);
        },"davidnakoko@gmail.com");

dimana davidnakoko@gmail.com adalah nilai default ketika prompt keluar