Displaying Backgrounds base on screen resolution

[bitejones]

Hi,

I am using javascript to check the screen resolution and if a certain condition is met i want it to pull a particular css file. however it doesnt seem to be working, i am completely new to javascript an idiot really please if help.

<script type="text/javascript">
<!--

var width = screen.width; 
var height = screen.height;

if ((width==800) && (height==600)){document.write('<link rel="stylesheet" type="text/css" href="/includes/800x600.css" />'); } 
if ((width=1024) && (height==768)){document.write('<link rel="stylesheet" type="text/css" href="../includes/1024x768.css" />'); } 
if ((width==1920) && (height==1080)){document.write('<link rel="stylesheet" type="text/css" href="../includes/1920x1080.css" />'); } 
if ((width==1280) && (height==768)){document.write('<link rel="stylesheet" type="text/css" href="../includes/1280x768.css" />'); } 
if ((width==1440) && (height==900)){document.write('<link rel="stylesheet" type="text/css" href="../includes/1440x900.css" />'); } 
--></script>

[burnme]

Here is a link on what you are trying to do. I don't see anything wrong, except maybe the second if has a typo, so if your running 1024 it may fail, should have the == and not just =. Otherwise, let us know what 'its not working' means, maybe an error, or what you see happen.

http://www.pageresource.com/jscript/jscreen.htm