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

Question

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

window.resizeTo(800, 600);

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

Answer 1

Если вы пытаетесь изменить размер модального диалогового окна изнутри самого окна, у вас может возникнуть желание использовать javascript window.resizeTo () или window.resizeBy ().

Тем не менее, они не будут работать. Вместо этого используйте:

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

P.S. Rsolberg: постер сказал модальное диалоговое окно. Это похоже на то, как я бы это описал. Я не уверен, что это может быть истолковано как связанное с jQuery. Я бы удалил ответ jQuery, чтобы избежать путаницы.

Answer 2

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

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

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

Редактировать
В приведенных выше функциях javascript MyModal будет идентификатором контейнера или модала. Например, если вы используете 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')