Lo script che presentiamo può risultare utile a quanti gestiscono siti strettamente ottimizzati per una certa risoluzione. Cosa fa? Identifica innanzitutto la risoluzione usata in quel momento dall'utente e se non corrisponde ai valori considerati ottimali mostra un messaggio di avviso.
- esempio.htm
## 1: LA SEZIONE JAVASCRIPT
Il codice va inserito direttamente nel corpo della pagina, all'interno della sezione <body>, nel punto in cui dovrebbe comparire il messaggio di avviso se la risoluzione non dovesse essere quella ottimale. Ecco il codice:
<script type="text/javascript">
var larghezzaok=800
var altezzaok=600
if (screen.width!=larghezzaok||screen.height!=altezzaok)
document.write("Questo sito è ottimizzato per una risoluzione di "+larghezzaok+"*"+altezzaok+". In questo momento stai usando una risoluzione di "+screen.width+"*"+screen.height+". Cambiala!")
//-->
</script>
Tutto molto leggero, poco invadente e facile da capire.
Per prima cosa si definiscono due variabili. 'larghezzaok' rappresenta il valore di larghezza ottimale. 'altezzaok' quello per la dimensione verticale, per l'altezza. Entrambi i valori sono ovviamente obbligatori e dovrebbero rispecchiare quelli consueti.
Subito dopo si passa alla valutazione della risoluzione dell'utente e la si confronta, per entrambe le dimensioni, con i valori precedentemente fissati nelle variabili. Se i valori identificati non sono uguali a quelli ottimali del sito, lo script si occupa di stampare a video il messaggio di avviso. Come si vede, nell'istruzione document.write, vengono ripresi i valori delle variabili principali concatenati nella stringa con il segno +.
