Gestire liste lunghe e complesse con jQuery ListNav
Lunedì 2 Febbraio 2009 - 09:27
di Cesare Lamanna
Immaginate di avere una lista (ordinata o non ordinata) con decine di item e che vogliate offrire all’utente un modo semplice ed efficace per visualizzarli secondo un criterio alfabetico tramite una comoda barra di navigazione. Questo lo scenario d’uso in cui può fare al vostro comodo il plugin jQuery ListNav.
Numerose le opzioni disponibili per configurare il tutto secondo le proprie esigenze. La pagina con le demo mostra dal vivo alcune delle possibili implementazioni.
C’è un ‘però’. Ho provato a disabilitare Javascript sia su Safari sia su Firefox sulla pagina demo, e ho ottenuto una pagina tristemente vuota… Non so se è un problema in quella particolare configurazione (la pagina usa una struttura con 4 tab) o se si tratti di un limite del plugin.
La cosa mi fornisce lo spunto per una domanda: quando valutate soluzioni simili siete sempre attenti a questi aspetti?
Categoria: Scripting | Permalink
Commenti
1
Mah,non vedo perchè con i sistemi e i browser di oggi dobbiamo stare ancora attenti al codice javascript, all’intrusività ecc. Tra l’altro, youtube non è che si sia fatto il problema di flash,visto che per lo stesso motivo di javascript, se fosse disattivato il sito non servirebbe a nulla. Infine, non vedo perchè qualcuno dovrebbe disattivare javascript… poi ognuno ha da dire la propria a riguardo ovviamente
# - postato da flux - 02 Febbraio 2009 - 10:13
2
I motivi per usare javascript non intrusivo sono essenzialmente 3:
Permettere ai motori di indicizzare i contenuti del sito
Utilizzare un modello di sviluppo che permette di dividere il lavoro tra più persone o in più fasi, separare il contenuto dal codice vero e proprio ecc.
Ampliare il supporto a browser per disabili (che sono una fetta non trascurabile dell’utenza)Personalmente realizzo siti in modo che possano funzionare efficacemente anche senza javascript, senza CSS e senza immagini, facendo questo ho sempre ottenuto vantaggi non indifferenti per quanto riguarda il posizionamento ed i tempi di manutenzione.
# - postato da Riot - 02 Febbraio 2009 - 11:20
3
Si è detto, scritto e dibattuto talmente tanto sull’argomento che rischierei di dire un’ovvietà dicendo che la non intrusività e l’accessibilità indipendente da dispositivo siano irrinunciabili (a meno di una precisa richiesta del cliente che crea difficoltà insormontabili e in grado di vanificare tutto).
Perciò scarto a priori qualsiasi soluzione Javascript che non tenga conto di questi principi fondamentali.
Dopo tutto è anche dall’attenzione a queste cose (”piccolissime” per alcuni e “macroscopiche” per altri), che emerge un approccio serio e professionale al web.
4
Sono d’accordo sulla non intrusività del javascript nei siti web. Riguardo il plugin, ne ho già trovata applicazione in un sito, e, disabilitando javascript, la lista viene visualizzata normalmente. Quindi tutto ok.
5
Perfetto, grazie Carlo. Evidentemente si trattava di un ‘problema’ sulla demo organizzata, come avete visto, a tab.
# - postato da Cesare Lamanna - 02 Febbraio 2009 - 12:18
6
risposta: dipende. dal progetto.
ritengo professionale valutare le richieste del cliente e realizzare ciò che desidera, nel modo più economico possibile, approcci aprioristici non mi sembrano ne professionali ne “seri”.
considerate il caso di una applicazione intranet in cui si conosce a prescindere il navigatore, dove SEO e progressive enhancement non sono requisiti del sistema e il cliente non è disposto a pagare per queste caratteristiche.
d’altra parte per un sito web pubblico realizzare un’interfaccia non utilizzabile da una parte dell’odience, soprattuto senza prendere accordi specifici con il cliente, potrà essere comodo ma poco trasparente.
saluti
# - postato da devsmt - 02 Febbraio 2009 - 13:57
7
Secondo me la “quantità” di attenzione da dedicare alle problematiche di accessibilità va discussa in base allo scopo della pagina in oggetto.
Senza alcun dubbio una pagina di pubblico accesso merita ogni attenzione e in questo caso guardo con tristezza i siti web che dipendono da js e flash senza dare alternative di navigazione.
Diverso è il discorso in un backend il cui accesso è ristretto e monitorato con certezza!
Ci sono casistiche in cui il fornire un contenuto accessibile (o comunque un’interfaccia funzionante anche senza js) risulta essere inutile e anche pesante.
Porto l’esempio della classica pagina “edit page” nella quale possiamo trovare widget complessi come un FCK Editor, un uploader di immagini AJAX ed un gestore di tag sempre Ajax… immagini e tag potranno sicuramente essere associati anche senza js ma che senso avrebbe mai poterlo fare?
Poter caricare immagini o taggare una pagina di cui non è possibile scrivere il contenuto (xHTML ad un comune gestore del sito non è credibile) sono di fatto azioni inutili.
Riassumento secondo me lo scopo/utente determina i mezzi.
# - postato da Marco Pegoraro - 02 Febbraio 2009 - 15:43
8
ottimo script, jquery si distingue sempre :)
grazie per la segnalazione.