android - Phonegap のダイアログ?

Question

phonegapは初めてです。アプリケーションでダイアログを表示したいです。ダイアログを表示するにはどうすればよいですか。チュートリアルをゴーグルしましたが、見つかりません。ダイアログを表示するためのガイダンスまたはチュートリアルを教えてください。よろしくお願いします... .

Answer 1

使用する

alert("on device ready!!!!");

また

navigator.notification.alert("PhoneGap is working");

Answer 2

これを行うには、Fancybox JavaScript を使用できます。

ファンシーボックスのJavaScript

必要なものがすべて入ったダイアログを作成できます。

Answer 3

ダイアログが開いているか閉じているかに応じて表示または非表示にする絶対位置の<div>を使用してダイアログを作成しました。

私のindex.htmlで

<div id="hellodlg" class="dialog hidden">
Hello
<button class="closedlg">close</button>
</div>
<button class="openclosedlg">open/close</button>

スタイリッシュに

<style>
.dialog {
position:absolute;
left:50%; // position in the middle
margin-left: -5em; // move left so that dialog is in the middle
top: 2em;
width: 10em;
height:10em;
background:blue;
border: 1px solid black:
}

.hidden {
display:none;
}
</style>

jqueryを使用したスクリプトで（jqueryなしでクラスを追加する方法を参照）

<script>
// open dialog
$(".openclosedlg").click(function() { $(".dialog").toggleClass("hidden");});

// listen for button
$(".closedlg").click(function() { $(".dialog").addClass("hidden");});
</script>

これが完全な例です

Answer 4

JQMを利用する

phonegap に最適な設計フレームワークとして。