JavaScriptのポップアップウィンドウの最小サイズを設定します
-
21-08-2019 - |
質問
はJavaScriptを通じてポップアップウィンドウの最小サイズを設定する方法はありますか?
私の問題は、誰かが、それはのような小さな行ったとき、彼は内容がちょうど愚かに見えることができていることです。
解決
ほとんどのブラウザでは、最小の幅と高さを持っています。
のInternet Explorer 7 最小幅> 250ピクセル 最小の高さ> 150ピクセル
他のヒント
、あなただけの幅と高さを設定することができます。ポップアップが作成されてからしかし、それはあなたがウィンドウのポップアップ負荷の高さと幅を変更できることを意味します。 単にあなたのポップアップウィンドウ内の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、クローム、サファリ4、Firefoxの3作業でテストされていますが、ウィンドウサイズとして、考慮にメニュー+アドレスバーの大きさと、そのようなを取る必要がある場合があります外側のサイズになりますが、この機能は、コンテンツのサイズがあります。だから、あなたはおそらくピクセルのカップルを追加し、また、彼らは任意のスペースを取りませんことを確認するために、ポップアップでスクロールバーをオフにする必要があります。
安全であると私は、あなたはJavascript新しいウィンドウを使用して最小に設定することができると信じていません。私はあなたがサイズを設定し、スクロールバーを無効にし、サイズ変更を防ぐことができます知っているが、それは最小限に答えるだけでなく、同様に最大値を課し、あなたが望むことではないことがあるでしょう。
windows.open使用している場合、あなたはこのような高さとウィンドウの幅を指定することができます:
window.open( " http://www.stackoverflow.com を"、 "mywindowは"、 "メニューバー= 1、サイズ変更可能= 1、の幅= 350、高さ= 250 強いです>");
これは、より多くの部屋がある場合に、ウィンドウが大きくならないように、しかし最小サイズではありません。あなたはそのための画面スペースを自分でチェックする必要があります。
http://www.htmlgoodies.com/beyond/javascript/article .PHP / 3471221 の
リンクで見られるように、、あなたは最小サイズを設定することができます。それが大きくなって、あなたがそれを拡張したい場合はあなたがしなければならないことpopupwindow内から。