使用浏览器:IE 9
我正在使用 window.showModalDialog() 函数打开一个 IE 模式对话框。
打开对话框时,我使用 dialogHeight 和 dialogWidth 属性提供高度和宽度。这工作正常。
但要求是当对话框的内容发生变化时,我想调整对话框的高度。
最初,对话框中隐藏了某些元素,由于对话框中的垂直滚动条,这些元素将在用户操作中可见,以避免我想调整对话框高度的大小。
请建议。
谢谢,阿米特
使用浏览器:IE 9
我正在使用 window.showModalDialog() 函数打开一个 IE 模式对话框。
打开对话框时,我使用 dialogHeight 和 dialogWidth 属性提供高度和宽度。这工作正常。
但要求是当对话框的内容发生变化时,我想调整对话框的高度。
最初,对话框中隐藏了某些元素,由于对话框中的垂直滚动条,这些元素将在用户操作中可见,以避免我想调整对话框高度的大小。
请建议。
谢谢,阿米特
您可以在打开模式对话框的页面中调整大小。例如,看下面的代码:
t3.html
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
</head>
<body>
test<br>
test adjust<br>
test adjust<br><br>
<script language=javascript>
function adjustDialog() {
window.dialogHeight = 400+'px';
window.dialogWidth = 400+'px';
}
</script>
<button onclick="adjustDialog();">Adjust me</button>
</body>
</html>
t4.html
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
</head>
<body>
<script language=javascript>
window.showModalDialog("t3.html","Dialog Box","dialogHeight: 300px; dialogWidth: 300px; dialogTop: 250px; dialogLeft: 300px; edge: Sunken; center: No; help: No; resizable: No; status: No;");
</script>
</body>
</html>
打开t4.html,然后弹出一个模态对话框,点击里面的按钮,可以调整对话框。
根据http://msdn.microsoft.com/en-us/library/ie/ms536759(v=vs.85).aspx ,如果(您的 showModalDialog() 调用的第三个参数)中的resizable
值,模态应该自动调整大小varOptions
设置为“是”(或 1)