jQuery – BigTarget: aumentare la dimensione delle aree cliccabili

I plugin di jQuery fioccano peggio che la neve in una tormenta!
Oggi vi mostro un plugin semplice ed efficiente che permette di estendere la dimensione di un area cliccabile (un link) agli elementi che la contengono. In buona sostanza è sufficiente settare BigTarget assegnando il nome della classe che si desidera applicare per simulare la pseudoclasse :hover e l’elemento padre rispetto al quale si desidera estendere l’area…

Istruzioni per l’uso:

1. scarica e richiama nel layout jQuery
2. scarica e richiama nel layout bigTarget
3. setta il plugin in base alle tue esigenze (vedi qui un esempio)

Per settare bigTarget basterà scrivere:
[javascript]
$(document).ready(function(){
$(”div.bigTarget div a”).bigTarget();
hoverClass: ‘over’, clickZone : ‘div:eq(1)’
});
});
[/javascript]

$(”div.bigTarget div a”).bigTarget(); filtra il link rispetto al quale generare l’area cliccabile mentre hoverClass e clickZone sono rispettivamente la classe da assegnare all’area e il tag html padre del link rispetto al quale generarla. Nel nostro caso si presuppone di avere a che fare con un box contenente due div annidati ed un link. utilizzando la notazione div:eq(1) viene selezionato in gerarchia il secondo div.

Utilità

Il plugin può essere utile per rendere più usabile la nostra interfaccia di navigazione. Per rendere più visibile un offerta ed un prodotto senza sporcare il codice di pagina. A differenza di altri javascript qui il link non viene generato dinamicamente quindi rimane sempre accessibile sia agli utenti che navigano con i javascript disattivati sia ai motori di ricerca