Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

tipsy è un plugin per jQuery che consete di creare dei tooltip (cioè delle finestrelle contententi dei suggerimenti) in maniera molto semplice.
I tooltip possono essere posizionati a nostro piacimento in una delle 8 posizioni disponibili.
Per utilizzare questo strumento è necessario lavorare sia sul tag dell’oggetto al quale vogliamo aggiungere l’effetto, sia sul codice javascript.
Inoltre bisogna utilizzare un css per definire correttamente la visualizzazione della finestra tooltip.
In ogni caso dopo queste semplic operazioni l’utilizzo della libreria è molto semplice, in pratica basta selezionare l’oggetto tramite i selettori jQuery, e appliccarci il metodo tipsy().

In pratica il codice da inserire è qualcosa del genere:

<a id="myTip" original-title="prova tipsy">Link</a>
<script>
$(‘#myTip’).tipsy();
</script>

Il testo che vogliamo fare apparire al passaggio del mouse è inserito nell’attributo original-title.

Ecco un esempio di come potrebbe apparire un tooltip applicato ad un form:

Ecco tutti i riferimenti a questo plugin:
Sito ufficiale: http://onehackoranother.com/projects/jquery/tipsy/
Pagina del proggetto sul sito di jQuery: http://plugins.jquery.com/project/tipsy
Pagina su github: https://github.com/jaz303/tipsy

Twitter