Redirect basato sulla risoluzione del browser

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 :)

Inserisci un commento:


Il contenuto di questo campo è tenuto riservato e non verrà reso pubblico.

Condividi
Del.icio.us Digg Furl Google Ask
Yahoo! Segnalo Technorati Windows Live Facebook
Smarking Slashdot Taggly Ma.gnolia co.mments

Se ti piace questo articolo, puoi collegarlo al tuo sito copiando il seguente codice HTML nelle tue pagine.

Acquista libri di informatica

Acquista qui il tuo software

Ultimi commenti