Login

04-26-2008, 11:02 AM

[eluser]Pascal Kriete[/eluser]
There is no really easy way to do this. You could try playing with dynamic layouts.

You will just have to choose a css file to use as your non-js standard. Then you could do something like this:

Code:
&lt;head&gt;

&lt;meta http-equiv="content-type" content="text/html charset=utf-8" /&gt;

&lt;title&gt;&lt;/title&gt;

&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" charset="utf-8"&gt;

    cssloader = function() {        

        var w = $(window).width();

        if (w < 800)

            document. write('&lt;link rel="stylesheet" href="./test2.css" type="text/css" media="screen" title="no title" charset="utf-8"&gt;');

        else

            document. write('&lt;link rel="stylesheet" href="./test1.css" type="text/css" media="screen" title="no title" charset="utf-8"&gt;');

    }();

&lt;/script&gt;

<noscript>

&lt;link rel="stylesheet" href="./test1.css" type="text/css" media="screen" title="no title" charset="utf-8"&gt;

</noscript>

&lt;/head&gt;

You could, of course, replace the document. write (no space) with an ajax call.

Only tested in Safari