Reindirizzamento a seconda della Risoluzione Video

Crediti:
Name:
Website: www.codebelly.com

Descrizione: Capita di fare delle pagine web ed accorgersi poi che queste non sempre vengono visualizzate allo stesso modo su altri computer, quasi sempre la causa principale risiede nelle diverse risoluzioni video adottate dai vari utenti.

Questo script permette di individuare il tipo di risoluzione video utilizzata dai navigatori e di richiamare la pagina corrispondente ad una determinata risoluzione che precedentemente abbiamo creato.

Script: Copiate il codice sottostante e incollatelo nella vostra pagina web tra i tags <body> e </body>:

<script language="JavaScript" type="text/javascript">
<!--

// Copyright 2001 by www.CodeBelly.com
// Do *not* remove this notice.

// INSTRUCTIONS

// Place this script in the <head> of the page you will use
// for redirection *only*.  It should *not* be placed in a
// regular (content) page.

// Set page destinations for the various screen sizes below.
// If the pages are in the same directory as the page with
// this script, only the page filename is needed; otherwise
// use the full, http://www.site.com/page.html address.

// If you have one page used for more than one size (say,
// both 1024 and Larger), then use the same page address
// in each of the associated variables.

pageFor640    = "pagina640.html";
pageFor800    = "pagina800.html";
pageFor1024   = "pagina1024.html";
pageForLarger = "paginalarga.html";

// Set showAlert to "yes" if you wish an alert box to appear
// when the visitor hits your referer page; otherwise, set
// it to "no"

showAlert  = "yes";

// This is the message that will be seen if showAlert is
// used; alter it as needed.

sayOnAlert = "Ti invio alla pagina disegnata per la tua risoluzione video...";

// DO NOT EDIT BELOW THIS LINE.
// ----------------------------

var Wide = screen.width;

if (Wide <= 640){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor640;
}

else if (Wide <= 800){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor800;
}

else if (Wide <= 1024){
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageFor1024;
}

else {
  if (showAlert == "yes"){
    alert(sayOnAlert);
  }
  window.location = pageForLarger;
}

//-->
</script>

Note: All'interno di questo script trovate delle variabili:

pageFor640
pageFor800
pageFor1024
pageForLarger

che servono per richiamare le relative pagine html:

"pagina40.html"
"pagina800.html"
"pagina1024.html"
"paginalarga.html"

Per cui dovrete creare quattro pagine web con questi nomi sviluppando per ognuna strutture (layout) adeguate e relative ad una risoluzione video.

E' possibile anche visualizzare una piccola finestra di "alert" che informi del passaggio su un'altra pagina, oppure decidere che il trasferimento avvenga in modo del tutto automatico, basta modificare la variabile showAlert = "no"; con yes o con no.