Corsi on-line
Newsletter:
  • Seguici su Facebook
  • Seguici su Twitter
  • Seguici su Google+
  • Seguici via RSS
  • Seguici col tuo Smartphone

Finestre collassabili con jQuery Collapse

jQuery Collapse è una soluzione basata sul framework JavaScript jQuery per la creazione di finestre espandibili e collassabili da inserire all’interno del proprio sito Web per i più svariati utilizzi, come per esempio menù con sotto-livelli o “div” per l’inserimento di contenuti; minificata la libreria pesa meno di un Kb, ciò significa che potrà essere adottata senza influire in modo sensibile sui tempi di caricamento delle pagine.

Il funzionamento di jQuery Collapse è estremamente semplice come il suo utilizzo, esso consente in pratica allo sviluppatore di definire un elemento HTML che dovrà essere nascosto in caso di collassamento e visualizzato in caso di espansione, tutto ciò potrà essere effettuato tramite features che supportano il callback per l’integrazione di eventi personalizzati; lavorando con jQuery si potranno implementare in modo istantaneo i comuni metodi “show“, “toggle” e “hide“.

Uno dei maggiori vantaggi nell’utilizzo di questa libreria sta nel fatto che essa produce effetti visualizzabili tramite svariate versioni dei browser più utilizzati, si pensi per esempio che è disponibile anche il supporto per l’ormai obsoleto Internet Explorer 6; ottima la possibilità di utilizzare i cookies per recuperare lo stato precedentemente attivato durante una visita successiva.

Caratteristica non meno importante da segnalare è quella relativa all’aderenza di jQuery Collapse con lo standard WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) che rende gli output prodotti fruibili anche per le persone con disabilità.

Post correlati

  • Elementi espandibili e collassabili con HTML5
    In genere gli elementi di pagina espandibili e collassabili vengono realizzati utilizzando JavaScript puro o librerie come per esempio jQuery; ma forse non tutti sanno che lo stesso effetto potrebbe...
  • jQuery CurvyCorners
    In un vecchio post vi ho già parlato di CurvyCorners, una simpatica libreria Javascript grazie alla quale possiamo creare box con gli angoli arrotondati completamente cross-browser. In questo post mi...
  • jQuery Feed Reader: leggere gli RSS con jQuery
    Vi segnalo un interessante plugin di jQuery che consente, con poca fatica, di aggiungere al proprio sito un box con le news estratte da feed RSS. Il plugin si chiama...
  • Redirect con jQuery
    jQuery è una libreria fantastica, ti consente di fare cose molto complesse con davvero poco sforzo… sulle cose più semplici e banali, tuttavia, vedo in giro parecchia confusione. Stavo facendo...
  • Come caricare jQuery se Google e off line
    Per caricare jQuery tramite le nostre pagine Web abbiamo a disposizione due soluzioni: richiamare la libreria dal repository di Google (GoogleApis); caricare il framework nella root del nostro Web server...
I più letti del mese
Tematiche
Annunci

Mr.Webmaster

Pubblicità
Chi Siamo
Contattaci
Collabora
Note Legali
© 2003 - 2012 Mr.Webmaster - Il portale dei Webmaster Italiani - Tutti i diritti riservati | Powered by IKIweb Internet Media S.r.l. - PIVA 02848390122