使用Javascript調整模式窗口

Question

當某些項目被隱藏/顯示時，我正嘗試調整模式對話框的窗口大小。

window.resizeTo(800, 600); 

我試過使用類似上面的代碼，但它似乎並沒有工作。我認爲，因爲它是一個模態對話框，而不是一個常規窗口。有關如何調整此大小的任何建議？

Answer 1

你要識別元素或容器ID，做這樣的事情：

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

如果您正在使用jQuery爲此，它可以是一個相當容易一點，你可以將它連接到實際顯示模態功能。

編輯
在以上的JavaScript功能，MyModal將是容器或模態的ID。例如，如果您使用的是DIV您的模態的外部零件，您將設置DIV像這樣：

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

編輯＃2
因爲這不是一個「模式」爲最形容今天，它更多的是新窗口彈出的，這行代碼應該爲你工作（發現here）：

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的答案，以避免混淆。