モーダルウィンドウのサイズをJavaScriptで調整する

Question

特定の項目を非表示にすると、モーダルダイアログウィンドウのサイズを変更しようとしています。

window.resizeTo(800, 600); 

私は上記のようなコードを試しましたが、うまくいかないようです。私はそれがモーダルダイアログであり、通常のウィンドウではないためだと思います。どのように私はこれをサイズ変更することができますかに関する任意の提案？

Answer 1

あなたは要素またはコンテナIDを特定し、このような何かをしたいと思う：あなたが実際にそれを添付することができますよう、あなたがこのためにjQueryを使用している場合

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

が、それはかなり容易にすることができモーダル関数を表示する。

上記のJavaScript関数内で編集
、MyModalは、容器またはモーダルのIDであろう。これは、ほとんどのように、「モーダル」ではありませんので

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

EDIT＃2
：あなたのモーダルの外側の要素にDIVを使用している場合たとえば、あなたはこのようにDIVを設定します、今日新しいウィンドウのポップアップのその多くを記述します、このコード行は、あなたのために働く必要があります（それを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の答えを削除したいと思います。