Determine Window Size

JavaScriptSource Staff Feb 8, 2008

General

Use this snippet to determine the size of an open window. Can be used in many different situations, e.g., for setting the size of a div.

Notes

Created by: Fang
Web Site: WebDeveloper.com Forums
Posted: February 8, 2008

Source Code

Paste this source code into the designated areas.

Head

Paste this code into the HEAD section of your HTML document.


if (window.innerWidth)
 	theWidth=window.innerWidth;
else if (document.documentElement && document.documentElement.clientWidth)
	 theWidth=document.documentElement.clientWidth;
else if (document.body)
 	theWidth=document.body.clientWidth;

if (window.innerHeight)
 	theHeight=window.innerHeight;
else if (document.documentElement && document.documentElement.clientHeight)
	 theHeight=document.documentElement.clientHeight;
else if (document.body)
	 theHeight=document.body.clientHeight;

Leave a Response

(1 comment)

I do not understand where I should place the dimensions into your code to determine window size.[br /][br /]Please advise.[br /][br /]Thank you

Jordon Feb 17, 2008

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details