jQuery - BigTarget: aumentare la dimensione delle aree cliccabili

By Alex | Novembre 20, 2008


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:

PLAIN TEXT
JAVASCRIPT:
  1. $(document).ready(function(){
  • $(“div.bigTarget div a”).bigTarget();
  • hoverClass: ‘over’, clickZone : ‘div:eq(1)’
  • });
  • });

    • $(”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 ;)

    Questo post è stato inserito in jQuery e taggato come , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

    Post Correlati




    Inserisci un Commento

    La tua email non sarà resa pubblica. I campi obbligatori sono contrassegnati con *

    *
    *