Mostrare contenuti con effetto accordion in Joomla 1.5
Martedì 12 Agosto 2008 - 08:29
di massimo.giagnoni
Una delle innovazioni più significative di Joomla 1.5 è stata la scelta di distribuire assieme al CMS la versione 1.11 del framework Javascript Mootools rendendone automaticamente disponibili le funzionalità sia ai componenti standard che alle estensioni di terze parti.
Sono già molti i moduli e componenti che sfruttano le potenzialità di questa libreria. Un esempio tra i tanti è Easy Accordion, un modulo che consente di visualizzare blocchi di informazioni con un effetto accordion.
Chi non capisse bene di cosa si sta parlando può dare uno sguardo alla pagina dimostrativa sul sito dello sviluppatore: basta fare click sui titoli “News”, “Weather”, “Sport” per rendersi conto di cosa si tratta.
La configurazione del modulo è semplicissima. Nell’elenco parametri sono disponibili fino a 6 campi per i titoli e altrettante aree di testo per il contenuto degli elementi che può anche essere costituito da codice HTML.
Ulteriori parametri consentono di impostare il colore dei titoli nello stato attivo (cioè selezionati e con il relativo blocco di informazioni espanso) e inattivo.
Poiché i titoli sono inclusi in tag <H3> di classe “toggler” e gli elementi in tag <DIV> di classe “element”, se ne può controllare l’aspetto anche tramite css. Queste per esempio sono le righe che ho aggiunto al file “template.css” del template “rhuk_milkyway” per dare al contenuto del modulo l’aspetto che vedete nella figura.
h3.toggler {
margin: 0;
font-size: 120%;
background-color: #e0e0e0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #c0c0c0;
cursor: pointer;
}
Commenti
1
Interessante;
sarebbe possibile avere tutte le voci chiuse all’apertura della pagina?# - postato da floyd - 22 Agosto 2008 - 23:29
2
Per avere tutte le voci chiuse devi fare una modifica al codice.
modules/mod_accordn15v11/tmpl
File default.php (intorno alle linea 52) dopo
opacity: false, aggiungi
display: null,
alwaysHide: 1,Facendo attenzione a non toccare altro. Sarebbe utile rendere queste opzioni configurabili dai parametri del modulo, ma è una cosa un po’ complessa da spiegare qui.
# - postato da massimo.giagnoni - 23 Agosto 2008 - 16:04
3
Ciao Massimo, grazie 1000! :) è stato prezioso il tuo aiuto; adesso cerco nella documentazione un’altra cosa (invece di onclick per aprire i livelli, mi servirebbe al passaggio del mouse); casomai nn dovessi trovarlo… riposto. grazie ancora
Floyd# - postato da floyd - 23 Agosto 2008 - 16:27
4
Chiedo scusa se riposto ancora…
nel messaggio precedente volevo scrivere:“(invece di onclick per aprire i livelli, mi servirebbe mouse-over al passaggio del mouse)”
fino ad ora non ho trovato nulla…
Grazie
# - postato da floyd - 23 Agosto 2008 - 20:14
5
Nell’accordion standard di Mootools gli elementi si aprono con il click. Per aprirli al passaggio del mouse servirebbe una modifica che così su due piedi non so suggerirti.
# - postato da massimo.giagnoni - 25 Agosto 2008 - 16:06
6
Salve, forse chiedere in un post di 1 anno passa non sò quanto sia giusto ma visto che l’argomento è proprio questo c’è poco da fare :) cmq scusatemi
La mia domanda è che: Con la joomla 1.5 Non riesco a creare sotto collegamenti, se c’è qualche documento che spiega come si fa, mi fa un grande piacere.
Argomento 1 (con il click del mouse)
|-> Categoria 1
|-> Categoria 2
|-> Categoria 3
Argomento 2
Argomento 3
Argomento 4 (ecc)# - postato da Miki - 23 Dicembre 2009 - 16:58
7
Ciao Miki,
anche a me serviva una cosa del genere, che se nel menu c’è un solo articolo… apre direttamente la pagina. Altrimenti se ci sono + articoli, viene aperto un sub-menu.
Ci sei poi riuscito a farlo?
# - postato da SaintTDI - 02 Febbraio 2010 - 17:51