Wednesday 4 December 2013

Membuat Tombol Keluar Aplikasi pada Phonegap (Android)

Pertama load cordova.js dari phonegap, seperti ini :

<script src="cordova-1.9.0.js"></script>

Sebelumnya memulai, sebaiknya kita membuat kode javascript untuk menyatakan bahwa device telah siap digunakan, seperti dibawah ini :

<script>
function onLoad()
{
   document.addEventListener("deviceready", onDeviceReady, true);
}
</script>

Kemudian onload pada tag body seperti dibawah ini.

<body onload="onLoad">

Setelah itu membuat kode untuk keluar aplikasi seperti dibawah ini :

function showConfirm() {
    navigator.notification.confirm(
       'Yakin ingin keluar ?', 
       exitFromApp,              
       'Exit',            
       'Cancel,OK'         
    );
}
  
function exitFromApp(buttonIndex) {
    if (buttonIndex==2){
     navigator.app.exitApp();
    }
}

Load fungsi showConfirm() pada tombol yang digunakan untuk perintah keluar aplikasi

<button onclick="showConfirm()">

Kode lengkapnya seperti ini :

<html >
<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="cordova-1.9.0.js"></script> 
</head>

<script type="text/javascript">
function onLoad()
{
      document.addEventListener("deviceready", onDeviceReady, true);
}
function showConfirm() {
    navigator.notification.confirm(
       'Yakin ingin keluar ?', 
       exitFromApp,              
       'Exit',            
       'Cancel,OK'         
    );
 }
  
function exitFromApp(buttonIndex) {
    if (buttonIndex==2){
     navigator.app.exitApp();
    }
 }
</script>

<body onload="onload()">   
<button onclick="showConfirm()">   
</body>
</html>

1 comment:

  1. mas apakah fungsi dari navigator.app.exitApp(); bisa di rubah ke fungsi yang lain? jadi maksud saya ketika saya menekan tombol kembali maka otomatis ke homescreen android? mohon pencerahannya terimkasih

    ReplyDelete