読者です 読者をやめる 読者になる 読者になる

【Cordova】ダイアログ cordova-plugin-dialogs

 

プラグインの「cordova-plugin-dialogs」を使用すると

さまざまなダイアログに対応できます。

 

プラグインのインストール

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git

 

▼実装

navigator.notification.alert(
  '元気?', //メッセージ
  null, //コールバック
  "タイトル", //タイトル
  'OK' //ボタン名
);

f:id:stanleyblenz:20161117221256p:plain

 

 

navigator.notification.prompt(
  '元気?', //メッセージ
  app.callback, //コールバック
  "タイトル", //タイトル
  ['いいえ','はい'], //ボタン名
  '氏名' //初期値
);

※コールバック

callback: function(buttonIndex) {

  if (buttonIndex == 1) {
    alert('いいえ');
  } else if (buttonIndex == 2){
    alert('はい');
  }
}

f:id:stanleyblenz:20161117221530p:plain

 

 

navigator.notification.confirm(
  '元気?', //メッセージ
  app.callback, //コールバック
  "タイトル", //タイトル
  ['いいえ','はい'] //ボタン名
);

※コールバック

callback: function(buttonIndex) {
  if (buttonIndex == 1) {
    alert('いいえ');
  } else if (buttonIndex == 2) {
    alert('はい');
  }
}

f:id:stanleyblenz:20161117221811p:plain

 

 

-------------------------------------------------------------------------------------------------------------

<おまけ>

▼音を鳴らす
navigator.notification.beep(5);  //5回音を鳴らす