[RESOLVED] Browser Width

[lazyminion]

Hello,

I would like to find out the browser width's numeric value.

<?php
$width = " <script>document.write(window.outerWidth); </script>";
echo $width;

Gets the value but say i try add 1 to it

<?php

echo $width + 1;

This just prints 1.... since i wanna add it to an if statement like this

if ($width < 1280){

$bla = "this";

}
else {
$bla = "that";
}

[johhny-s]

you're mixing languages here, it can be confusing at the beginning.

the first bit is php; that's run on the server; think of it as preparing the contents of the page for the user; it pulls templates together, loads in data, lays out the page etc.

but browser width is a client issue; so to do that you need to do it with javascript.

you've started to do that; your php outputs some javascript which determines and prints the window width. that's fine, except there's no way to get that value from the javascript back into php; because by the time that javascript starts executing, the php has already finished executing; its too late.

so what you need to do is put the logic you're trying to achieve (if this.. else...) into javascript.

if you really, really, really had to have the window width value on the server side, then there are cumbersome and ways of doing this, but for the most part, between CSS and Javascript, you should be able to achieve what ever layout you're trying to achieve.

hope that helps!

[lazyminion]

Thanks heaps, explained well!

Yeah i know a bit of PHP and like no JS so was kinda trying to get everything done by PHP....

What i ended up using was CSS Media Query since the end goal i had was to show different content depending on screen resolution....

Works well! need hit the books on JS tho.....

Thanks heaps though!