Revision: 28761
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at July 14, 2010 03:07 by iqwebdev
Initial Code
<script type="text/javascript"> function getViewportWidth() { if (window.innerWidth) { return window.innerWidth; } else if (document.body && document.body.offsetWidth) { return document.body.offsetWidth; } else { return 0; } } function getViewportHeight() { if (window.innerHeight) { return window.innerHeight; } else if (document.body && document.body.offsetHeight) { return document.body.offsetHeight; } else { return 0; } } var tellMeTheSizes=function() { document.getElementById("viewportwidth").innerHTML = getViewportWidth() + "px"; document.getElementById("viewportheight").innerHTML = getViewportHeight() + "px"; document.getElementById("resolutionheight").innerHTML = screen.height + "px"; document.getElementById("resolutionwidth").innerHTML = screen.width + "px"; } window.onload=function() { tellMeTheSizes(); } window.onresize=function() { tellMeTheSizes(); } window.onmousemove=function(event) { ev = event || window.event; document.getElementById("mousetop").innerHTML = ev.pageY + "px"; document.getElementById("mouseleft").innerHTML = ev.pageX + "px"; } </script>
Initial URL
Initial Description
This code is cross-browser compatible and checks the dimensions of the viewport, the screen resolution and the mouseposition which can be quite helpful to perform some checks with JavaScript.
Initial Title
Viewport Size, Screen Resolution, Mouse Postition
Initial Tags
Initial Language
JavaScript