Изменение размера модального окна в Javascript

Question

Я пытаюсь изменить размер своего модального диалогового окна, когда определенные элементы скрыты / показаны.

window.resizeTo(800, 600);

Я пробовал использовать код, подобный приведенному выше, но, похоже, это не работает.Я думаю, потому, что это модальный диалог, а не обычное окно.Есть какие-нибудь предложения относительно того, как я мог бы изменить это размер?

Answer 1

Вам нужно будет определить идентификатор элемента или контейнера и сделать что-то вроде этого:

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

Если вы используете jQuery для этого, это может быть немного проще, так как вы можете прикрепить его к фактической модальной функции show.

Редактировать
В описанных выше функциях javascript myModal будет идентификатором контейнера или modal.Например, если вы используете 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.Рзолберг:На плакате действительно было написано "модальное диалоговое окно".Похоже, именно так я бы это и описал.Я не уверен, что это можно интерпретировать как имеющее отношение к jQuery.Я бы удалил ответ jQuery, чтобы избежать путаницы.