Saturday, April 9, 2011

Changing CSS on Mobile Devices

<script language="JavaScript" type="text/JavaScript">
    if(navigator.platform == "iPod") {
    document.write("<link href=\"/styles/ip.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else if (navigator.platform == "iPhone") {
    document.write("<link href=\"/styles/ip.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else if (navigator.platform == "PalmOS") {
    document.write("<link href=\"/styles/fp.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else if (navigator.platform == "BlackBerry") {
    document.write("<link href=\"/styles/bp.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else if (navigator.platform == "WinCE") {
    document.write("<link href=\"/styles/wp.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else if (navigator.platform == "webOS") {
    document.write("<link href=\"/styles/ip.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
    else {
        document.write("<link href=\"/styles/full.css\" rel=\"stylesheet\" type=\"text/css\" />");
    }
</script>

No comments:

Post a Comment