Posted By

ShiftyP on 03/15/09

Tagged

Versions (?)

Last Edited at 03/15/09 02:45pm

Statistics

Viewed 1574 times

Favorited by 1 user(s)

Related snippets

Find Viewport Height / Width, crossbrowser:

/ Published in: JavaScript

A little bit of browser detection and some functions to get the viewport height and width, crossbrowser.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

browser : {
		IE : !!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1),
		Opera : navigator.userAgent.indexOf('Opera') > -1,
		WebKit : navigator.userAgent.indexOf('AppleWebKit/') > -1,
		Gecko : navigator.userAgent.indexOf('Gecko') > -1 
				&& navigator.userAgent.indexOf('KHTML') === -1,
 
		getViewHgt : function(){
			return browser.IE ? 
					// IE Cases
					// Test for IE 5-7 Quirks and IE 4
					(!(document.documentElement.clientHeight) 
					|| (document.documentElement.clientHeight === 0)) ?
					// IE 5-7 Quirks and IE 4 case
					document.body.clientHeight : 
					//IE 6+ Strict Case
					document.documentElement.clientHeight:
					// Gecko and Other DOM compliant case
					window.innerHeight; 
		},
 
		getViewWdth : function(){
			return browser.IE ? 
					// IE Cases
					// Test for IE 5-7 Quirks and IE 4
					(!(document.documentElement.clientWidth) 
					|| (document.documentElement.clientWidth === 0)) ?
					// IE 5-7 Quirks and IE 4 case
					document.body.clientWidth : 
					//IE 6+ Strict Case
					document.documentElement.clientWidth:
					// Gecko and Other DOM compliant case
					window.innerWidth;
		}