jsWaffleでは拡張ダイアログを利用することができます。alert()やprompt()と同じように手軽に使うことができます。
| droid.dialogYesNo(title,message) | 二択ダイアログ |
| droid.dialogList(title,items_array) | リストダイアログ |
| droid.dialogCheckboxList(title,items_array) | チェックボックス付リストダイアログ |
| droid.dialogDatePicker(defaultDate) | 日付選択ダイアログ |
| droid.dialogTimePicker(hour,minute) | 時間選択ダイアログ |
| droid.dialogSeekbar(title, min,max,defValue) | シークバーダイアログ |
利用例
<h2>Dialog Sample</h2>
<div class="buttons">
<button class="func" onclick="TestYesNoDialog()">dialogYesNo</button>
<button class="func" onclick="TestSelectDialog()">dialogList</button>
<button class="func" onclick="TestDialogCheckboxList()">dialogCheckboxList</button>
<button class="func" onclick="TestDatePickerDialog()">dialogDatePicker</button>
<button class="func" onclick="TestTimePickerDialog()">dialogTimePicker</button>
<button class="func" onclick="TestSeekbarDialog()">dialogSeekbar</button>
</div>
<script>
function TestYesNoDialog() {
var answer = droid.dialogYesNo("Question", "Do you like sushi?");
if (answer) {
alert("You like Sushi!");
} else {
alert("You do not like Sushi!");
}
}
function TestSelectDialog() {
var selectedItem = droid.dialogList("Select Color", ["red","blue","green","white"]);
alert("color:" + selectedItem);
}
function TestDialogCheckboxList() {
var selectedItems = droid.dialogCheckboxList("Select Color",
["black","white","red","green","blue"]);
alert("color:" + selectedItems.join(","));
}
function TestDatePickerDialog() {
var result = droid.dialogDatePicker(new Date());
alert(result.toString());
}
function TestTimePickerDialog() {
var result = droid.dialogTimePicker(0,0);
alert(result);
}
function TestSeekbarDialog() {
var value = droid.dialogSeekbar("Select value", 0, 100, 50);
alert("value="+ value);
}
</script>