css nach bildschrim-größe laden!

[PLAYGROUND]

Hi,

ist es möglich mit javascript je nach der Bildschirmgröße eine css-datei auszulesen, da mir das mit den html zu umständlich wäre!

Hoffe mir kann jemand schnell helfen.

mfg PLAYGROUND

 

[THE REAL TOOLKIT]

das müsste gehen:
if (screen.width >= 1025)
document.write('<link rel="stylesheet" href="style.css" type="text/css">')

adios~
TRT

 

[PLAYGROUND]

thx werde ich gleich mal ausprobieren .

mfg PLAYGROUND

 

[simu]

der standard weg sieht so aus...

und wir sollten auch Ihn benützen da wir ansonsten nie zu einer korrekten Sprache, ohne Unterschiede zwischen verschiedenen Browsern, kommen.

res={ '1152' : 'stylefor1152' , 
      '1024' : 'cssfür1024' , 
      '800'  : 'style800' };

for( x in res )
{
   if( screen.width >= parseInt(x) )
   {
      var css=document.createElement( 'link' );
      css.setAttribute( 'rel' , 'stylesheet' );
      css.setAttribute( 'type' , 'text/css' );
      css.setAttribute( 'href' , res[x]+'.css' );
      document.getElementsByTagName( 'head' )[ 0 ].appendChild( css );
      return false
   }
}

du kannst weitere Grössen hinzufügen, schau darauf das immer die höhste Zahl zuoberst ist.