Screen Width Check

[®i©hie]

What's the IF statement to check the Width of the screen?

i can't seem to find it, & i've searched google already.

[moneyman18]

I think it is

if(screen.width == "width")

[®i©hie]

Nov 4, 2009 17:13:20 GMT -8 moneyman18 said:

I think it is

if(screen.width == "width")

that was close but actually i figured it out, thanks though ;D

[Bennett 🚀]

What is it, exactly?

[Charles Stover]

Depends on the browser. I posted a cross-browser method before, that was long and complicated and shiz.

Copy-pasted from the old thread (http://support.proboards.com/index.cgi?board=programming&action=display&thread=283516):

Editted to be sexier:<script type="text/javascript"><!--

var cb = function()
{
var value = false, a, child, parent, isObject;
for (a = 0; a < arguments.length - 1; a++)
{
isObject = (typeof(arguments[a]) == "object" ? true : false);
child = (isObject ? arguments[a][0] + '.' + arguments[a][1] : arguments[a]);
parent = (isObject ? arguments[a][0] : false);
eval("if (" + (parent ? "typeof(" + parent + ") != \"undefined\" &&" : "") + "typeof(" + child + ") == \"number\" && " + child + " > 0" + (value ? " && " + child + " < " + value : "") + ") { value = " + child + "; }");
}
return (value ? value : arguments[arguments.length - 1]);
}

var height = cb("window.innerHeight", ["document.documentElement", "clientHeight"], ["document.body", "clientHeight"], 0),
scrollLeft = cb("window.pageXOffset", ["document.documentElement", "scrollLeft"], ["document.body", "scrollLeft"], 0),
scrollTop = cb("window.pageYOffset", ["document.documentElement", "scrollTop"], ["document.body", "scrollTop"], 0),
width = cb("window.innerWidth", ["document.documentElement", "clientWidth"], ["document.body", "clientWidth"], 0);

alert(width + "x" + height);

--></script>

[Bennett 🚀]

... That's much bigger than I thought.. and you would use that with an if(statement) .. how?

[Jordan]

He put some examples above including how to call the function to return the width of the page.

var width = cb("window.innerWidth", ["document.documentElement", "clientWidth"], ["document.body", "clientWidth"], 0);

So the if statement would be:

if(width == SomeInteger)

Or if you want to call the function directly and not store the value in a variable for later use:

if(cb("window.innerWidth", ["document.documentElement", "clientWidth"], ["document.body", "clientWidth"], 0) == SomeInteger)

[Charles Stover]

Yeah, it's not all that long. I just included width, height, scrollLeft, and scrollTop. If you don't need those defined, then you can remove what you don't need.

For example, if you're only using width, then:

var width = cb("window.innerWidth", ["document.documentElement", "clientWidth"], ["document.body", "clientWidth"], 0);

if (width < 800) alert("Your screen isn't big enough!");