1kb per un Accordion
Lunedì 2 Giugno 2008 - 08:20
di Riccardo Degni
In questi giorni si è parlato molto dei framework Javascript, delle tantissime applicazioni che possiamo sviluppare appoggiandoci ad uno di essi e delle ultime mosse di Google in questo settore. Ma non dobbiamo dimenticare che possiamo realizzare tranquillamente script ed applicazioni più o meno complesse senza avvalerci di una particolare libreria, sopratutto se vogliamo risparmiare preziosi kb.
A questo proposito, come seguito al post in cui Cesare qualche settimana fa ci parlava di un’analoga creazione dello stesso autore, vi segnalo questo script dall’irrisorio peso di 1kb che permette di creare accordion orizzontali.
Ovviamente le caratteristiche non sono complete come quelle offerte da altri, ma a questa dimensione il risultato è più che buono. Occorrono solo poche righe di HTML e CSS e il menu è pronto.
Categoria: Scripting | Permalink
Commenti
1
Lo script e’ compatto ma potrebbe esserlo di piu’
Questo perche’ l’autore non sembra conoscere cosi’ bene JavaScript, tanto piu’ che se si hanno due accordion nella stessa pagina questi non potranno funzionare grazie alle private condivise dai metodi pubblici.
Spero si sforzi un po’ di piu’ per migliorare ed ottimizzare il tutto, ma il risultato attuale, resta comunque apprezzabile.
P.S. a dimostrazione che comunque se lo si studia un po’ questo JavaScript, ci si rende conto che le librerie sono spesso eccessive per task comuni, ed una caratteristica molto apprezzata di MooTools e’ appunto quella di poter creare la libreria con lo stretto indispensabile, avendo la possibilita’ in qualunque momento di ampliarla tramite plugins o altri pezzi della libreria
2
Non che non mi fidassi, ma…è vero: 2 o più accordion nella stessa pagina non vanno.
A costo di fare una figura barbina, ma di accrescere la mia conoscenza in materia, ho una domanda per andr3a:
le proprietà della classe/funzione dovrebbero essere dichiarate this.variabile (this => singolo oggetto slideMenu istanziato) ?# - postato da Luigi - 03 Giugno 2008 - 12:20
3
Luigi, pensa che io non l’ho nemmeno testato. ho solo dato una rapida occhiata al source …
… ed e’ ovvio, perche’ anche se usi il this ma condividi delle variabili private, qualunque istanza sfruttera’ le stesse. Ergo bisogna capire meglio closures, classi, e/o oggetti, prima di buttarsi con queste librerie che spuntano come i funghi ogni giorno :)
4
Vediamo se ho capito, magari anche esulando da questo accordion:
ogni istanza di un oggetto “condivide” comunque uno scope che è quello del costruttore e se si dichiara una variabile/proprietà senza riferirla al “this” (che riferirà all’istanza) essa apparirà come globale e condivisa con ogni oggetto istanziato?
Sono in piena fase “imparo, imparo, imparo”…abbi pazienza.
# - postato da Luigi - 04 Giugno 2008 - 17:07
5
il discorso non è così semplice … tanto che richiede almeno questa lettura se lo si vuole approfondire un pò di più del solito :)
6
Quella guida è già nei miei segnalibri da un po’…appena riesco la assimilo.
Attualmente sono impegnato sulla gestione degli eventi in javascript: di solito con mootools faccio tutto con uno schioccar di dita, ma voglio imparare a gestirli anche programmando javascript “nativamente” (senza framework).A tal proposito, hai scirtto qualcosa o suggerimenti al riguardo?
# - postato da Luigi - 06 Giugno 2008 - 11:43