Posted By

iqwebdev on 07/14/10

Tagged

Versions (?)

Last Edited at 07/14/10 03:07am

Statistics

Viewed 370 times

Favorited by 1 user(s)

Related snippets

Viewport Size, Screen Resolution, Mouse Postition

/ Published in: JavaScript

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.

Highlighted TextExpand

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>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.