Установка минимального размера всплывающего окна JavaScript

Question

Есть ли способ установить минимальный размер всплывающего окна через JavaScript?

Моя проблема в том, что когда кто-то делает его настолько маленьким, насколько он может, контент просто выглядит глупо.

Answer 1

При создании всплывающих окон вы можете установить только ширину и высоту. Но так как всплывающее окно было создано, это означает, что вы можете изменить высоту и ширину окна, когда всплывающее окно загружается. Просто поместите событие загрузки внутри всплывающего окна:

window.onload = function() {
  if (document.body.scrollHeight) {
     var winWidth = document.body.scrollWidth;
     var winHeight = document.body.scrollHeight;
  } else if (document.documentElement.scrollHeight) {
     var winHeight = document.documentElement.scrollHeight;
     var winWidth = document.documentElement.scrollWidth;
  } else {
     var winHeight = document.documentElement.offsetHeight;
     var winWidth = document.documentElement.offsetWidth;
  }
  window.resizeTo(winWidth, winHeight);
}

edit: Протестировано в IE7,8, Chrome, Safari 4, Firefox 3. Работает, но вам может потребоваться учитывать размер адресных строк меню + и таких, как размер окна будет внешним размером, и эта функция найдет размер содержимого. Поэтому, чтобы быть в безопасности, вам, вероятно, следует добавить пару пикселей, а также отключить полосы прокрутки во всплывающем окне, чтобы убедиться, что они не занимают места.

Answer 2

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

Answer 3

Большинство браузеров имеют минимальную ширину и высоту.

Internet Explorer 7 минимальная ширина> 250 пикселей минимальная высота> 150px

Answer 4

http://www.htmlgoodies.com/beyond/javascript/article.php/3471221

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

Answer 5

При использовании windows.open вы можете указать высоту и ширину окна следующим образом:

window.open ("http://www.stackoverflow.com", "MyWindow", "MenuBar = 1, изменяемые = 1, ширина = 350, высота = 250 ");

Это не минимальный размер, так как окно не будет больше, когда есть больше места. Для этого вам нужно самостоятельно проверить место на экране.