How to Detect Screen Resolutions?

[wgh]

Hi!

Is there a way to detect screen resolutions so that when a page is loaded the correct resolution is displayed on the client side with PHP?

If so, how?

Thanks 😉

[Ulujain]

Not by my understanding. PHP is server-parsed; meaning the whole shebang is parsed and formatted before it even hits the browser. The server has no idea what resolution the client is running in. You'd need to tie it in with Javascript somehow, but then people do turn that off...

[stolzyboy]

you have to do this with javascript, check out

http://javascript.internet.com and look around in the subheading, it is somewhere out there, but here is something you can use it will show you the screen height and width, you can also use screen.availHeight and screen.availWidth, and that will show you the LIVE area, ie. without the scrollbars, and menubar and such, only the LIVE window area where content is shown

<script>
var screenHeight = screen.height;
var screenWidth = screen.width;

document.writeln('Your total screen height is ' + screenHeight + 'px <br><br>');

document.writeln('Your total screen widthis ' + screenWidth + 'px <br><br>');
</script>

[wgh]

Thanks guys,

I was hoping not to do it Javascript, because a person may disable Javascript, but I guess I will have to use Javascript. If the person doesn't enable Javascript, I guess a default resolution will have to do.

[smnovick]

With the javascript code posted above you could put an automatic redirect link into a main page that would direct them to a page configured for that resolution. It would take more work in order to maintain more than one page, but it's an idea.

[stolzyboy]

no need to redirect, just put that in a function and use the resizeTo method on that same page, call the function onload and wallaa

[ElectricMessiah]

I think you mean voila 😃