Web Design  »  Articoli  »  Web design 

Facciamo scegliere l'utente

Anche in merito a nuove finestre, come per lo Style Switcher per tutti e il Testo a misura di utente con CSS e Javascript possiamo dare all'utente la possibilità di personalizzare la sua esperienza di navigazione. Una soluzione simile permetterebbe infatti di non sacrificare l'accessibilità, di migliorare di molto l'usabilità del sito e di memorizzare la preferenza dell'utente anche per visite successive.

Vediamo subito l'esempio, costituito da due semplici pagine con qualche link. Un piccolo checkbox basta per far esprimere all'utente la preferenza in merito a link esterni e nuove finestre. L'esempio è volutamente semplice, in casi reali andrebbe, a parer mio, posizionato bene in vista in una delle colonne laterali, magari sotto il menu. La preferenza viene mantenuta tra le diverse pagine che incorporano il checkbox e lo script esterno, anche per visite successive. Ciò è possibile grazie ai cookie e ad un po' di codice Javascript. Anche in questo caso, come nel caso dello style switcher, è bene informare l'utente che per poter disporre di questa funzionalità Javascript e i cookie devono essere abilitati. Per aggiungere una funzionalità simile ad una qualsiasi pagina avremo bisogno di tre cose:

• Attribuire nell'html ai link che si vogliono aprire in una nuova finestra una classe ext
• Aggiungere un checkbox per permettere all'utente di scegliere
• Linkare lo script nella sezione head della pagina

Diamo uno sguardo al codice essenziale per inserire il checkbox nella pagina:

<label for="newin" onclick="check();"><
    input type="checkbox" id="newin"> apri i link esterni al sito in una nuova finestra
</label>

È fondamentale per il corretto funzionamento del tutto che il checkbox abbia id="newin".
Ora linkiamo il file Javascript, inserendo la seguente riga nella sezione head:

<script type="text/javascript" src="nuovafinestra.js"></script>

A questo punto il gioco è fatto, il codice Javascript si occupa di tutto il resto: gestire i cookie e memorizzare la preferenza dell'utente, aggiungere l'attributo title ai link esterni e aprirli in una nuova finestra se il checkbox è selezionato. Come si può notare nel semplice esempio tale preferenza viene mantenuta tra tutte le pagine che includono script e checkbox, proprio grazie ai cookie. Lo script, anche se abbastanza corposo, non è difficile, ma soprattutto non c' è bisogno di conoscere Javascript per poterlo usare. La compatibilità dovrebbe essere estesa a tutti i browser moderni e dom-compatibili. Personalmente l'ho testato con IE6, Opera 7.23 e Mozilla e non ho riscontrato problemi. Ho preparato una pagina html che ne riporta il codice.

Altri articoli

Altre guide

Altre newsletter