Allargare le aree cliccabili con BigTarget.js
Giovedì 2 Ottobre 2008 - 09:17
di Riccardo Degni
BigTarget.js è un interessante plug-in per jQuery che permette di “allargare” le aree cliccabili presenti nelle nostre pagine, senza cioè limitarsi ai soli tag ‘anchor’.
Direttamente nel post di presentazione del plug-in troviamo sia la documentazione che ci spiega come utilizzarlo (è molto semplice, basta applicare il nuovo metodo bigTarget all’elemento o alla collezione di elementi desiderata, e passare opzionalmente alcuni parametri di personalizzazione, quale ad esempio, la classe da assumersi al ‘mouseover’) sia le demo: nei tre riquadri in alto vediamo che è possibile ottenere il focus o cliccare solo passando il mouse al di sopra dei link. Nei rispettivi riquadri sottostanti troviamo invece BigTarget in azione: l’area cliccabile e traversabile si estende a tutto l’elemento contenitore.
Categoria: Scripting | Permalink
Commenti
1
Bella segnalazione, potrebbe essere interessante sfruttarla.
L’importante è non abusarne, spesso si può ottenere lo stesso risultato senza JavaScript: meglio valutare prima di aggiungere codice js ad occhi chiusi.
2
Non mi piace. Il link deve essere sul link, stop.
Una soluzione simile impedisce, ad esempio, l’evidenziazione del testo.
Tra l’altro se n’era già parlato (un bel po’ di tempo fa) proprio qui su HTML.it (non ricordo se su Edit o a commento di qualche articolo).
# - postato da P&M - 03 Ottobre 2008 - 14:52
3
@P&M: se provi l’esempio, il testo resta selezionabile anche con lo script attivo. In certe situazioni avere un’area più grande per i link fa comodo, anche per migliorare l’usabilità.