在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')