Determining position of the browser window in JavaScript?

Question

For various silly reasons, I\'d like to be able to detect the rectangle of the browser window on screen. Title bar and all.

Is this possible, or is JavaScript limit

Answer 1

Take a look at the following properties:

• window.screen.height: Returns the height of the screen in pixels.
• window.screen.top: Returns the distance in pixels from the top side of the current screen.
• window.screen.width: Returns the width of the screen.
• window.screen.left: Returns the distance in pixels from the left side of the main screen to the left side of the current screen.

(These won't give you the window size or position, but may allow you to correctly interpret them when operating on a system with multiple monitors)

Answer 2

Copy pasted from google first result:

// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() 
{
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?  document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
} 
function pageHeight() 
{
return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
} 
function posLeft() 
{
return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
} 
function posTop() 
{
return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
} 
function posRight() 
{
return posLeft()+pageWidth();
} 
function posBottom() 
{
return posTop()+pageHeight();
}

Answer 3

For standards compliant browsers:

X - window.screenX
Y - window.screenY

For IE:

X - window.screenLeft
Y - window.screenTop

Keep in mind, implementations vary. Beware of multi-monitor setups...