Oggi ho voglia di parlare di un plugin per jquery ancora in fase sperimentale ma decisamente facile da utilizzare e potenzialmente molto utile. Lo scopo di questo plugin, infatti, è quello di oscurare un’intera pagina web, e porre il focus su una porzione di testo o cmq su una parte della pagina. Può essere utile per segnalare un campo non correttamente scritto in un modulo. potrebbe essere utile per mettere il focus su un paragrafo particolare di un lungo articolo. Sul sito enhance.qd-creative.co.uk potete trovare tutte le istruzioni per utilizzare questo plugin. Per semplificare le cose, farò un breve esempio per installarlo in una vostra pagina web:
- Si scarica il plugin a questo indirizzo: seekAttention.min.jquery.js;
- Si include nella pagina anche jQuery*: jquery-1.2.6.min.js;
<script src=”seekAttention.min.jquery.js”></script>
<script src=”jquery-1.2.6.min.js”></script> - Si identifica l’id dell’elemento da evidenziare:
<p id=”evidenza”>testo, testo, testo, … [...] …, testo.</p> - Si aggiunge il codice jquery per aggiungere le funzionalità di seekAttention:
$(document).ready(function(){$(‘#evidenza’).seekAttention();});
In questo caso specifico, dopo essere stata caricata, la pagina viene oscurata tutta portando l’attenzione sul paragrafo che abbiamo inserito. Può essere importante per pagine con molti contenuti che possono portare confusione. Al momento non ho avuto occasione di utilizzare questo plugin, ma penso che possa essere utile per segnalare errori di un corretto uso di un form. Per esempio, se un utente inserisce un indirizzo email scorretto, potremmo inserire e poi accentuare una porzione di testo che comunica l’errata digitazione dell’utente.
Schermata-seekAttention plugin - Shiretoko
Una caratteristica non trascurabile, sta nel fatto che il focus della pagina verrà portato sull’elemento evidenziato. Nella pagina del plugin, in fondo al documento è presente un bottone che evidenzia un box al top della pagina. Al click, il browser scorre automaticamente con un vero senso di web 2.0.
* Mentre scrivo l’ultima versione di jQuery è la 1.3.2. Se qui viene linkata la 1.2.6 è dovuto al fatto che si tratta della stessa versione con cui viene presentato il plugin. Onde evitare problemi ho preferito mantenere le stesse versioni anche in questo post.
