• Programmazione » HTML » Tutorial HTML

In questo breve tutorial verrà spiegato comereindirizzare l'utente ad una pagina in base allarisoluzione dello schermo.

Quindi, se un utente del nostro sito ha una risoluzione di800x600 px, verrà reindirizzato ad una certa pagina,se ha una risoluzione di 1024x768 px verrà invecereindirizzato a un'altra pagina, e così via.

Iniziamo copiando questo codice all'interno del tag HEAD:

<script language="javascript"> <!-- var s_width =''; var s_height =''; s_width=screen.width s_height=screen.height if (s_width == "640"){ location.href="640_x_480.htm"; } if (s_width == "800"){ location.href="800_x_600.htm"; } if (s_width == "1024"){ location.href="1024_x_768.htm"; } if (s_width == "1152"){ location.href="1152_x_864.htm"; } if (s_width == "1280"){ location.href="1280_x_1024.htm"; } //--> </script>

Lo script si compone di diverse parti:

Nella prima parte vengono dichiarete le variabili; in questazona non bisognerà effettuare modifiche

Il resto dello script invece è la parte da modificare.

Osserviamo questo codice:

if (s_width == "1024"){ location.href="1024_x_768.htm"; }

in questo caso la risoluzione dell'utente è di1024x768 px, e quindi viene reindirizzato alla pagina1024_x_768.htm

La struttura dello script è molto semplice,basterà solamente cambiare il nome della pagina in cuivogliamo che l'utente venga reindirizzato!