Fw

Wordpress Creative Developer

Plugin jQuery per Creare Tooltip – aToolTip

  • Plugin jQuery
  • -

Oggi vediamo aTooltip un plugin jQuery per creare dei tooltip, che mi è servito di recente in un progetto.

Questo plugin si distingue rispetto ad altri in quanto permette di aprire il tooltip al clic del mouse, oltre che all’hover.

Plugin jQuery per Creare Tooltip - aToolTip

Se hai bisogno di aggiungere delle descrizioni lunghe per un termine che hai inserito nel sito, l’ideale è quello di mostrare in modo permanente questa descrizione e di consentire all’utente di chiuderla quando preferisce.

Vediamo una breve guida all’utilizzo dello script, anche se è già presente una guida completa nella pagina del plugin.

1. Richiamare gli Script

Per utilizzare il plugin dovrai innanzitutto scaricare aToolTip e richiamarlo tra i tag head insieme a jQuery.

 

2. Creazione del Tooltip

Poi dovrai associare al link una classe e inserire la descrizione nell’attributo title.

Testo

3. Applicare lo Script

Infine bisogna applicare lo script: di seguito il codice per gestire l’evento del click, da inserire tra i tag head.

 $('a.tooltip').aToolTip({  
        clickIt: true    
    });

Ci sono poi diversi parametri per personalizzare il comportamento dello script e per questo ti invito a visitare la pagina ufficiale.

La user experience è un aspetto molto importante nello sviluppo e un dettaglio come un tooltip, potrebbe già fare la differenza 😉

4 Commenti

  1. Ciao mica potresti dire perpiacere anche le pagine dove aggiungere i singoli codici perpiacere?

    • Ciao Giovanna e benvenuta nel blog 😉

      Il codice lo devi aggiungere nella pagina in cui vuoi far comparire il tooltip.

      • Ciao grazie mille per la risposta veloce e grazie per il benvenuto 🙂 scusami ma quando provo a scaricarlo mi dice che non è presente ma posso scaricarlo in zip estraendolo come plugin non me lo da lo devo mettere fisicamente in plugin da ftp e poi copiare il codice nella pagina? e come richiamo la singola parola? grazie mille ancora e scusami ma sto’ provando di tutto 🙂 tra il register e il tooltip vorrei abbandonare tutto hihihihih

      • Ti consiglio di scaricare lo zip, e vedere come è fatto, dato che all’interno trovi una demo.

        Studiala, così poi ti sarà più facile integrare il plugin nel sito.

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *