2011-04-28 6 views
0

브라우저 내에 팝업 창을 중심으로 배치하고 싶습니다. 그러나 브라우저 화면 크기와 사용자 화면 내의 브라우저 위치에 상관없이 작업하고 싶습니다. 브라우저 내에서자바 스크립트 팝업 창 중앙 처리

위치는 예를 들어 (jQuery를 함께), 간단하다 :

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

등 그러나 사용자의 브라우저가 전체 화면이 아닌 경우, 다음 전체 화면이 아닌 브라우저를 기준으로 배치합니다.

나는

screen.width() 

를 사용하여 화면을 얻을 수 있지만 그게 더 좋은 없습니다 있도록 화면에 바로 위치 것이다.

누구나?

+1

$ (document) .width()는 어떨까요? –

+0

$ (창)과 동일한 문제입니다. 브라우저 너비를 사용하는 화면 자체를 기준으로 브라우저가 사용자 화면에있는 위치에 상대적으로 팝업을 두지 않습니다. (그것이 의미가있는 경우) – DaisyK

+1

완전히 새로운 창이 여기에 표시되며 페이지 내 팝업은 허용되지 않습니다 (가능한 경우 고려할 수도 있음). 미안합니다. –

답변

1

이 정보를 파악하려면 화면의 창 크기와 브라우저 위치를 모두 사용해야합니다. window.screenTop 및 window.screenLeft 속성에서이 값을 가져올 수 있습니다. 그래서, 당신이 원하는 위치를 얻기 위해 먼저 브라우저 창에 상대적인 위치 얻을 것입니다 :

var screenLeft = windowLeft + window.screenLeft; 

는 그런 다음에 같은 작업을 수행 할 수 있습니다

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

을 한 다음 추가 오프셋 (offset) 높이.