MYJS/示例/对话框
出自Manyou开发者指南
对话框是 MYJS 中提供的一个非常酷的特性，您可以使用它为您的应用创建出各种类型的对话框，以下是一些例子：
<a href="#" onclick="new Dialog().showMessage('对话框', '你好！朋友！'); return false;">
DIALOG_POP 类型的对话框</a><br />
<a href="#" onclick="new Dialog(Dialog.DIALOG_CONTEXTUAL).setContext(this).showChoice('对话框', '你好！朋友！', '确定', '取消'); return false;">
附带两个按钮的 CONTEXTUAL_DIALOG 类型对话框。</a><br />
<a href="#" onclick="var dialog = new Dialog(Dialog.DIALOG_CONTEXTUAL).setContext(document.getElementById('dialog_test_span')).showChoice('对话框', '你好！朋友！', '确定', '取消');
dialog.onconfirm = function() {
document.getElementById('dialog_test_span').setTextValue('确定');
};
dialog.oncancel = function() {
document.getElementById('dialog_test_span').setTextValue('取消');
};
return false;">
附带两个按钮的 CONTEXTUAL_DIALOG 类型的对话框，并可以返回响应。</a><span id="dialog_test_span">你好</span><br />
<script>
function test2(context) {
var dialog = new Dialog(Dialog.DIALOG_CONTEXTUAL).setContext(context).showChoice('对话框', '你好！朋友！', '确定', '取消');
dialog.onconfirm = function() {
context.setTextValue('确定');
};
dialog.oncancel = function() {
context.setTextValue('取消');
};
}
</script>
<a href="#" onclick="test2(document.getElementById('dialog_test_span2')); return false;">
附带两个按钮的 CONTEXTUAL_DIALOG 类型的对话框，可以返回响应。</a> <span id="dialog_test_span2">你好</span><br />
<a href="#" id="dialog_body" onclick="var dialog = new Dialog().showChoice('对话框', dialog_color, '确定', '取消');
dialog.onconfirm = function() {
var color = document.getElementById('dialog_color_select').getValue();
document.getElementById('dialog_body').setStyle({background: color});
};
return false;">
可以改变颜色的对话框</a><br />
<my:js-string var="dialog_color">
<b>请选择颜色</b><br />
<select id="dialog_color_select">
<option value="transparent">默认</option>
<option value="blue">蓝色</option>
<option value="red">红色</option>
<option value="yellow">黄色</option>
</select>
</my:js-string>
<a href="#" onclick="new Dialog().showChoice('哈哈', dialog_redirect).onconfirm = function() {
document.setLocation(document.getElementById('dialog_location').getValue());
return false;
}">
今天你想去哪儿玩儿？</a><br />
<my:js-string var="dialog_redirect">
<div style="text-align: center">
<input id="dialog_location" value="http://www.manyou.com/console.php" size="50" />
</div>
</my:js-string>
