Javascript Screen Res detection question

[mrdeeye]

I was wondering if i could write an if else javascript that would use one stylesheet for one resolution and one for another....like one script for 1024x768 and one for anything lower than that?

[Force Flow]

PHP Code:

<script language="Javascript1.2">
<!-- 
// please keep these lines on when you copy the source
// made by: Nicolas - [url]http://www.javascript-page.com[/url]

if (screen.width <= 640) {
alert("Since you have a smaller screen size (640x480).  I'll redirect you to the appropriate page for your screen.");
document.location = "screenres2.html";
}

else if (screen.width <= 800) {
alert("You have an average screen size (800x600).  I'll redirect you to the appropriate page for your screen.");
document.location = "screenres2.html";
}

if (screen.width > 800) {
alert("You have a large screen size.  I'll redirect you to the appropriate page for your screen.");
document.location = "screenres2.html";
}

//-->
</script> 


You may not want the alerts if you want the redirection to be automatic.

[mrdeeye]

im sorry if my original post was a bit unclear. I was wondering though, if there was a way to write a script so if the resolution was say 800x600 it would include one style sheet or if it was higher than that it would include another. Or is the only way to do that is to have seperate html files for each one and redirect them accordingly? Sorry again for the confusion.

- deeye

[Force Flow]

I don't know if there is way to load different CSS files. The most common way to handle different screen sizes is by a redirection to different html files.

[mairving]

Here are a couple of examples of what you are trying to do;

Example 1
Example 2

[mrdeeye]

once again marving BRAVO! That was exactly what i was talking about. thanks!