Membuat Popup Exit Ketika Tombol Back

Ingin menambahkan Popup untuk pertanyaan apakah mau keluar dari aplikasi atau tidak ketika tombol back ditekan, berikut tutorial singkatnya menggunakan Intel XDK

1. Pertama tambahkan Popup pada halaman utama (#mainpage) kemudian popup tersebut beri nama popupKeluar
2. Tambahkan control text untuk menampilkan pertanyaan, dan button group yang berisi 2 tombol dengan masing-masing diberi nama btnBatalKeluar dan btnJadiKeluar
3. Agar ketika tombol back pada gadget ditekan muncul popup yang kita buat maka tambahkan code berikut pada index_user_script.js
   

   //kode tambahan untuk btn back
        document.addEventListener("backbutton",function(e){
           
            if($("#mainpage").is(":visible")){
                e.preventDefault();
                $("#popupKeluar").modal();
            }
           
        },false);

4. Kemudian pada tombol jadi keluar untuk keluar aplikasi kita bisa menggunakan perintah navigator.app.exitApp(); seperti berikut
   

       /* button  #btnBatalKeluar */
       $(document).on("click", "#btnBatalKeluar", function(evt)
       {
            /* Other options: .modal("show")  .modal("hide")  .modal("toggle")
            See full API here: http://getbootstrap.com/javascript/#modals
               */
          
            $("#popupKeluar").modal("toggle"); 
       });
      
           /* button  #btnJadiKeluar */
       $(document).on("click", "#btnJadiKeluar", function(evt)
       {
           navigator.app.exitApp();
       });

Sekian semoga bermanfaat.