Accordion per Scriptaculous
Lunedì 16 Luglio, 2007Finalmente un bello script in Javascript (scarica Accordion 1.0), semplice e leggero, che permette di aggiungere il componente Accordion usato in Flash e in mootools sfruttando la libreria scriptaculous. Effettivamente mancava questo oggetto, utile in tante occasioni. Questa versione è estremamente semplice e permette di creare Accordion sia orizzonali che verticali. Lo script è gratuito, tuttavia potete fare una piccola donazione all'autore per aiutarlo ad acquistare un bel MacPro 
Per utilizzarlo basta inserire queste semplici righe di codice:
HTML:
Il markup HTML è immediato:
HTML:
Un'esempio pratico:
JavaScript:
-
// General Syntax
-
new accordion('container-selector', options);
-
-
-
// Horizontal example
-
var horizontalAccordion = new accordion('#top_container', {
-
classNames : {
-
toggle : 'horizontal_accordion_toggle',
-
toggleActive : 'horizontal_accordion_toggle_active',
-
content : 'horizontal_accordion_content'
-
},
-
defaultSize : {
-
width : 525
-
},
-
direction : 'horizontal'
-
});
-
-
// Vertical Accordion
-
var verticalAccordion = new accordion('#bottom_container');
Napolux ha detto:
LOL. Va di moda ultimamente tra i blogger parlare di accordion. Cmq lo script è molto carino e facile da usare. Io sono per l’altra campana (quella delle Moo.FX) ma darò una chance anche a questo quando mi capiterà
Giovambattista Fazioli ha detto:
@Napolux
La libreria mootools l’ho provata anch’io! E’ fatta davvero bene e in alcuni benchmark risulta anche la più veloce. L’accoppiata prototype/scriptaculous è quella che preferisco, ma solo per una questione storica. Tuttavia, quando ho provato la mootools, mi sono accorto che l’equivalente observe() non aggiunge in coda gli eventi ma li sovrascrive!! Me lo confermi?
In pratica se voglio aggiungere due event separati alla body/onload, ad esempio, con prototype viene da se che questi si accodano l’uno sull’altro mentre con mootools l’ultimo sovrascrive il primo… ma potrei sbagliarmi
Napolux ha detto:
Sai che non lo so? Mi hai messo la pulce adesso