Questo snippet di codice è un esempio di come sia possibile, tramite JavaScript, poter accedere alle proprietà dello schermo.

Lo script, inserito prima della chiusura del tag html head, reindirizzerà l’utente sulla pagina più adatta alla risoluzione che usa sul suo schermo.

<script language="javascript">
<!--
var s_width  = '';
var s_height = '';
s_width  = screen.width
s_height = screen.height
 
switch(s_width) {
	case "640" :
		location.href = "640_x_480.htm";
	break;
	case "800" :
		location.href="800_x_600.htm";
	break;
	case "1024" :
		location.href="1024_x_768.htm";
	break;
	default :
		location.href="risoluzione_inesistente.htm";
}
//-->
</script>

L’oggetto screen ci permette di recuperare la risoluzione che viene assegnata alle variabili dichiarate.
A questo punto il costrutto switch, che riceve come parametro la risoluzione orizzontale, reindirizza l’utente alla pagina relativa alla sua risoluzione tramite l’istruzione location.href.

Nel caso in cui la risoluzione orizzontale non sia tra quelle dichiarate, interverrà il caso di default che reindirizzerà l’utente alla pagina risoluzione_inesistente.htm precedentemente creata (come anche il resto delle pagine specifiche!)

Come vedete è tutto molto semplice 🙂