在Javascript中调整模态窗口的大小

Question

当我隐藏/显示某些项目时，我正在尝试调整模态对话框窗口的大小。

window.resizeTo(800, 600);

我尝试过使用上面的代码，但似乎没有用。我认为因为它是一个模态对话框，而不是常规窗口。有关如何调整大小的建议吗？

Answer 1

您需要识别元素或容器ID，并执行以下操作：

document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';

如果你正在使用jQuery，它可以更容易，因为你可以将它附加到实际的show modal函数。

修改结果 在上面的javascript函数中，MyModal将是容器或模态的ID。例如，如果您使用DIV作为模态的外部元素，则可以像这样设置DIV：

<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>

编辑＃2
由于这不是“模态”的，因此正如大多数人今天所描述的那样，它更像是一个新的窗口弹出窗口，这行代码应该适合你（发现它此处）：

window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200')

Answer 2

如果你试图从窗口本身调整模态对话框窗口的大小，你可能会想要使用javascript window.resizeTo（）或window.resizeBy（）。

但是，这些都行不通。相反，使用：

window.dialogWidth='640px';
window.dialogHeight='480px';

P.S。 Rsolberg：海报确实说出了模态对话窗口。这似乎是我描述它的方式。我不确定是否可以解释为与jQuery相关。我会删除jQuery的答案，以避免混淆。