Implementando alcuni script offerti sul sito sono riuscito a creare un semplice script che permette di caricare css differenti a seconda della risoluzione video:
codice:
<script language="javascript">
<!--
var s_width='';
s_width=screen.width;
if (s_width == "640"){
document.write("<link rel='stylesheet' href='800x600.css' type='text/css'>");
}
if (s_width == "800"){
document.write("<link rel='stylesheet' href='800x600.css' type='text/css'>");
}
if (s_width == "1024"){
document.write("<link rel='stylesheet' href='1024x768.css' type='text/css'>");
}
if (s_width == "1152"){
document.write("<link rel='stylesheet' href='1024x768.css' type='text/css'>");
}
if (s_width == "1280"){
document.write("<link rel='stylesheet' href='1024x768.css' type='text/css'>");
}
//-->
</script>
Lo script funziona perfettamente cn IE e FireFox (stranamente con quest'ultimo solo se, dopo il cambio di risoluzione, si chiude e si riapre il browser; ma questo ha poca importanza). Oltre a chiedere ai possessori di Netscape Opera o altri browser come funziona, volevo chiedervi una semplice istruzione per alleggerire lo script; ovvero dichiarare semplicemente:
"Se variabile minore o uguale a 800 allora carica il primo css, altrimenti carica il secondo".
So che esiste un'istruzione tipo "if(var <= 800) ... else ..." ma non sono in grado di scriverla correttamente.
Qualcuno potrebbe darmi una mano?!
Ps per testare lo script cliccate qui. Grazie