ダイアログ関連の命令

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>