javascript - JavaScriptポップアップウィンドウの最小サイズを設定する

Question

JavaScriptを使用してポップアップウィンドウの最小サイズを設定する方法はありますか？

私の問題は、誰かがそれをできるだけ小さくすると、コンテンツがばかげているように見えることです。

Answer 1

ポップアップを作成するときは、幅と高さのみを設定できます。ただし、ポップアップが作成されたため、ポップアップが読み込まれたときにウィンドウの高さと幅を変更できることを意味します。ポップアップウィンドウ内にonloadイベントを配置するだけです。

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);
}

編集： IE7,8、Chrome、Safari 4、Firefox 3でテスト済み。動作しますが、ウィンドウサイズが外側のサイズになるため、メニューとアドレスバーなどのサイズを考慮する必要がある場合があります。この関数は次のようになります。コンテンツのサイズを見つけます。したがって、安全のために、おそらく2、3ピクセルを追加し、ポップアップのスクロールバーをオフにして、スペースを占有しないようにする必要があります。

Answer 2

Javascriptの新しいウィンドウを使用して最小値を設定できるとは思いません。サイズを設定し、スクロールバーを無効にしてサイズ変更を防ぐことができることは知っていますが、それは最小値に答えるだけでなく、最大値も課します。これは望ましくない場合があります。

Answer 3

ほとんどのブラウザには、最小の幅と高さがあります。

InternetExplorer7の最小幅>250px最小高さ>150px

Answer 4

windows.openを使用する場合、次のようにウィンドウの高さと幅を指定できます。

window.open（ " http://www.stackoverflow.com "、 "mywindow"、 "menubar = 1、resizable = 1、width = 350、height = 250 "）;

ただし、スペースが増えるとウィンドウが大きくならないため、最小サイズではありません。そのためには、自分で画面スペースを確認する必要があります。

Answer 5

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

リンクにあるように、最小サイズを設定できます。大きくなるように拡大縮小する場合は、ポップアップウィンドウ内から拡大縮小する必要があります。