web-dev-qa-db-ja.com

画面にウィンドウを配置する

JQueryで開いたウィンドウを画面の右上隅に配置する方法はありますか？

これは私が今持っているコードです：

$(document).ready(function() {
    $("#dirs a").click(function() {
        // opens in new window
        window.open(this.href, "customWindow", "width=960, height=1040");
        return false;
    });
});

また、Vista以降でWindows Aeroスナップを使用して「スナップ」した場合と同じように、画面の右上隅に開くようにします。これを実現する方法はありますか？

ちなみに、これは私だけが使用する単純なページであり、1920x1080モニターのChromeでのみ使用するので、調整するために特別なものを用意する必要はありません。さまざまなブラウザまたは画面サイズ用。

jqueryresizewindowposition
10
JacobTheDev

彼が右上にそれを望むなら、彼はこれを必要としませんか？

window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=960");
19
nmford

JavaScript window.openは、多くのパラメーターを受け入れます。特定のケースでは、上と左で十分です。

動作を参照してください フィドルの例！

構文

window.open([URL], [Window Name], [Feature List], [Replace]);

機能リスト

enter image description here

ニーズに合わせた実用例

<script type="text/javascript">
<!--
function popup(url) 
{
 var width  = 960;
 var height = 1040;
 var left   = screen.width - 960;
 var top    = 0;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'customWindow', params);
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

<a href="javascript: void(0)" 
   onclick="popup('popup.html')">Top Right popup window</a>

注：これにより、画面幅が計算され、leftが適切に設定されます。

高さの高いウィンドウを使用していることを考慮してください。通常、画面は高さよりも大きくなります...

6
Zuul
$("#dirs a").click(function(e) {
    e.preventDefault();
    var popupWidth = 960;
    var leftPos = screen.width - popupWidth;

    window.open(this.href, "customWindow", "width=" + popupWidth + ", height=1040, top=0, left=" + leftPos);
});

これが 例 です。

1
Marko
window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=0");

その他のウィンドウプロパティ：

Property         Default value   Description
width            auto            specifies width of the new window in pixels
height           auto            height of the window in pixels
top              auto            specifies window position
left             auto            specifies window position
directories      no              should the directories bar be shown? (Links bar)
location         no              specifies the presence of the location bar
resizable        no              specifies whether the window can be resized.
menubar          no              specifies the presence of the menu bar
toolbar          no              specifies the presence of the toolbar
scrollbars       no              specifies the presence of the scrollbars
status           no              specifies the presence of the statusbar
1
web_bod

これは正しいものです。最初に画面の幅を計算する必要があります。

var leftPos = screen.width - 960;
window.open(this.href, "customWindow", "width=960, height=1040, top=40, left="+leftPos+");
1
Gijoey