2011-04-28 36 views
0

ブラウザ内にポップアップウィンドウを中央に配置したいと考えています。しかし、私はそれがブラウザのサイズとユーザーの画面内のブラウザの位置に関係なく動作するようにしたいと思います。Javascriptポップアップウィンドウの中央揃え

var left = ($(window).width()/2)-(width/2); 
.. 
uwin = window.open(...., left=...); 

等が、ユーザーのブラウザがフルスクリーンでない場合、それはフルスクリーンではなく、ブラウザの相対位置:ブラウザ内

ポジション(jQueryを使って)、例えば、簡単です。

私は

screen.width() 

を使用して画面を得ることができますが、それはそれは何よりよいませんので、画面上だけの位置になります。

誰でも?

+1

$(document).width()はどうですか? –

+0

$(ウィンドウ)と同じ問題です。ブラウザーの幅を使用して画面自体に相対的に、ブラウザーがユーザー画面上にある場所に相対的なポップアップを入れません。 (それが意味をなさない場合) – DaisyK

+1

ここでは新しいページを表示していますが、ページ内のポップアップは表示されません(可能であれば検討してください)。 –

答えて

1

この情報を見つけるには、画面上のウィンドウのサイズとブラウザの位置の両方を使用する必要があります。これらはwindow.screenTopプロパティとwindow.screenLeftプロパティから取得できます。

var windowLeft = ($(window).width()/2)-(width/2); 

をし、その後、オフセットを追加します:だから、あなたが望む位置を取得するには、まずブラウザのウィンドウに対する位置を得るでしょう

var screenLeft = windowLeft + window.screenLeft; 

その後、あなたはのために同じことを行うことができます高さ。

関連する問題