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

Question

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

window.resizeTo(800, 600);

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

Answer 1

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

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

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

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

Answer 2

您需要识别元素或容器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')