Usare i Tooltips - HTML.it
Con il mio terzo articolo dedicato all’utilizzo di Mootools, che potete trovare qui, iniziamo a fare un pò di pratica il framework, e più precisamente con l’utilizzo dei Tooltips.
Dopo le spiegazioni date sui componenti base e sulla struttirazione ad oggetti della libreria, date nel primo e nel secondo articolo, è ora di prendere confidenza con quello che si può realizzare con uno dei plug-in offerti direttamente dagli sviluppatori ufficiali di Mootools.
Nell’articolo ho fatto una panoramica sui tooltips, per poi passare alla struttura completa del costruttore Tips.
In particolare, ho dato particolare importanza a quali sono gli errori frequenti in cui ci si può imbattere utilizzando questo componente, e i consigli per evitarli.
L’articolo contiene ben tre esempi pratici sull’utilizzo dei tooltips: il primo è un normale tooltip (con titolo e descrizione), il secondo è un tooltip che appare/scompare con effetti grafici mentre il terzo è un tooltip fisso sull’immagine.
Questi rappresentano le notevoli potenzialità di questo plug-in e le principali modalità di utilizzo.
Davvero ottimo come sempre. Complimenti.
Non sapevo che si potessero usare gli effetti del secondo esempio, questo dimostra ancora una volta le grandi potenzialità di questa libreria.
Anch’io concordo con creativeLine, articolo molto ben strutturato, bravo.
Mi accodo anch’io, ottimo articolo. Io mi sto avvicinando a mootools leggendo questi aticoli su html.it
Ovviamente non posso non farti i complimenti, anchi’io come Alka mi sto appassionando a mootools proprio con questi articoli
Allora siamo in due Snot
Ciao Riccardo, ho pensato di scriverti qui invece che mandare una mail alla redazione html.it. Volevo segnalare un cattivo uso dell’Fx.Style che si può vedere nel secondo esempio che hai presentato. Nella demo dei tooltips ufficiale di mootools, che ho scritto io, c’è anche un esempio di fade. Puoi notare come l’istanza dell’effetto sia uno ed uno solo, dichiarato nell’initialize. Durante l’onShow e l’onHide, è sempre la stessa istanza a creare l’effetto dissolvenza/apparizione. Nel tuo esempio, invece, onShow e onHide crei ogni volta una nuova istanza. Perchè è sbagliato? Una doppia istanza gestita in questo modo, rischia di creare terribili ‘memory leaks’ nei browsers, specie in Internet Explorer. Inoltre gran parte della gestione Fx di mootools, diviene inutilizzabile: non potrai, per esempio, utilizzare l’opzione {wait: false} se l’istanza è doppia. Senza contare, poi, il fastidisiosissimo fliker che viene a crearsi a causa del doppio Fx. Ti consiglio di dare un’occhiata a come quell’effetto dovrebbe essere gestito nel modo corretto (seconda mucca
): http://demos.mootools.net/Tips
Ciao Djamil, grazie per la segnalazione.
Giustamente, l’uso di una sola istanza ha diversi vantaggi (come i memory leaks appunto), quindi, come ti ho scritto, contatterò HTML.it per cambiare il secondo script.