70 lines
2.3 KiB
HTML
Executable File
70 lines
2.3 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>test</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div><label><input autofocus id="input" type="text" value="hello world" style="padding: 5px;font-size:18px" /></label></div>
|
|
<button id="height">设置高度</button> <button id="open">传值到新的对话框</button> <button id="remove">返回值并关闭当前对话框</button>
|
|
<script src="../../lib/jquery-1.10.2.js"></script>
|
|
<script src="../../dist/dialog.js"></script>
|
|
<script>
|
|
window.console = window.console || {
|
|
log: function() {}
|
|
}
|
|
|
|
$(function() {
|
|
try {
|
|
var dialog = top.dialog.get(window);
|
|
} catch (e) {
|
|
$('body').append(
|
|
'<p><strong>Error:</strong> 跨域无法无法操作 iframe 对象</p>' +
|
|
'<p>chrome 浏览器本地会认为跨域，请使用 http 方式访问当前页面</p>'
|
|
);
|
|
return;
|
|
}
|
|
|
|
dialog.title('测试例子');
|
|
dialog.width(550);
|
|
dialog.height($(document).height());
|
|
dialog.reset(); // 重置对话框位置
|
|
|
|
|
|
$('#remove').on('click', function() {
|
|
dialog.close($('#input').val()); // 关闭（隐藏）对话框
|
|
dialog.remove(); // 主动销毁对话框
|
|
return false;
|
|
});
|
|
|
|
$('#height').on('click', function() {
|
|
dialog.height(400).reset();
|
|
return false;
|
|
});
|
|
|
|
$('#open').on('click', function() {
|
|
top.dialog({
|
|
url: './dialog-input.html',
|
|
title: 'loading..',
|
|
width: 400,
|
|
//height: 120,
|
|
data: $('#input').val(), // 给 iframe 的数据
|
|
onclose: function() {
|
|
this.returnValue && $('#input').val(this.returnValue);
|
|
dialog.focus();
|
|
},
|
|
oniframeload: function() {
|
|
//console.log('iframe ready')
|
|
}
|
|
})
|
|
.showModal();
|
|
return false;
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |