Kategorien
- [-]Developer (104)
- API (15)
- Backend (17)
- Extensions (29)
- HTML & CSS (4)
- Typoscript (33)
- [-]Redaktionelles (21)
- Anleitungen (9)
- Tipps (8)
- [-]Sonstiges (50)
- SEO (8)
Schlagwortwolke
« | September 2010 | » | ||||
---|---|---|---|---|---|---|
S | M | T | W | T | F | S |
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 |
Letzte Nachrichten
- DSGVO
- 26.05.2018 18:39
- Trackingtools und Datenschutzerklärung
- 14.03.2014 23:07
- 1:n und n:1 Relationen in Extbase
- 06.12.2013 12:04
- Erste Abmahnungen wegen Google Analytics
- 04.10.2013 12:11
Letzte Kommentare
- Das liegt daran, dass die captcha.php versucht, das halbe...
- 05.12.2017 00:41
- Hallo, danke für den tollen Beitrag. Kann man die...
- 22.10.2015 10:05
- Vielen Dank für den Austausch guter Artikel. Es ist eine...
- 17.08.2015 10:58
- Hallo Peter, danke für die Extension. Ich habe sie auf...
- 27.08.2014 12:51
In eigener Sache
Peter Linzenkirchner, Lisardo EDV Beratung in Augsburg. Freelance und Partner für Design- und Webagenturen in Augsburg und München. Pixelgenaue Templates, valides HTML, barrierearm. TYPO3-Projekte, Extension-Programmierung und mehr ...
Accordion mit rgaccordion von Georg Ringer
Accordion mit rgaccordion von Georg Ringer
Eine sehr leistungsfähige Extension für vielseitigen Einsatz. Man kann damit:
- alle Contentelemente einer Seite in ein Accordion zusammenfassen
- ausgewählte Contentelemente zu einem Accordion zusammenfassen
- ein Menü mit Accordion erstellen sowie
- die Inhalte vieler Extensions in ein Accordion packen.
Die Dokumentation ist gut und umfassend, muss allerdings genau gelesen werden, sonst klappt es nicht … Dort sind auch Hinweise zu finden, wie die Einbindung für normale Templates und für TemplaVoila funktioniert.
rgaccordion II für einzelne Contentelemente
Die Extension besteht aus zwei Teilen: rgaccordion I erlaubt das Auswählen einzelner Inhaltselemente für das Accordion im Inhaltselement selbst, während rgaccordion II dazu gedacht ist, alle Inhaltselemente einer Seite in ein Accordion zusammenzufassen. Leider unterscheiden sich beide Extensions aber noch in einer Eigenschaft: rgaccordion II öffnet standardmäßig immer nur einen Tab, während rgaccordion I jeden Tab unabhängig öffnet oder schließt. Damit sind bei rgaccordion I immer mehrere Tabs geöffnet. Wenn immer nur ein Tab geöffnet sein soll und gleichzeitig der Anwender selbst zu bestimmen kann, welche Inhalte in das Accordion aufgenommen werden sollen, muss rgaccordion II zusätzlich konfiguriert werden:
- plugin.tx_rgaccordion2 {
- stdWrap.outerWrap= <divclass="rgaccord2-content">|</div>
- stdWrap.outerWrap.if.isTrue.field=tx_rgaccordion_accordion
- stdWrap.outerWrap.stdWrap.prepend= TEXT
- stdWrap.outerWrap.stdWrap.prepend.field=header
- stdWrap.outerWrap.stdWrap.prepend.ifEmpty=Test
- stdWrap.outerWrap.stdWrap.prepend.wrap= <h3class="rgaccord2-toggle">|</h3>
- stdWrap.outerWrap.stdWrap.prepend.if.isTrue.field=tx_rgaccordion_accordion
- }
Achtung: der Code muss vor dem Zuweisen des Plugins eingefügt werden.
In rgaccordion II beim Laden einen bestimmten Tab öffnen
Um beim Laden der Seite einen bestimmten Tab zu öffnen (oder auch keinen) muss das JavaScript geändert werden:
- window.addEvent('domready', function(){
- varaccordion= newAccordion('h3.rgaccord2-toggle','div.rgaccord2-content',{
- alwaysHide:true,
- opacity:false,
- # hier kommt die Erweiterung:
- display:-1,
- # Ende der Erweiterung
- onActive: function(toggler,element){
- toggler.addClass('act');
- },
- onBackground: function(toggler,element){
- toggler.removeClass('act');
- }
- }, $('rgaccord2-nest'));
- });
display:-1 schließt alle Tabs; display:0 öffnet den ersten, danach durchnummerieren.
Damit nach dieser Änderung das Updaten der Extension noch möglich ist, sollte das JavaScript genauso wie dasCSS in fileadmin verschoben werden.
- page.includeCSS.file57=fileadmin/css/rgaccordion2.css
- page.includeJS.file51 =EXT:t3mootools/res/mootoolsv1.11.js
- page.includeJS.file52 =fileadmin/js/rgaccordion2.js
Tipp: Der Eintrag »EXT:t3mootools/res/mootoolsv1.11.js« ist abhängig von der verwendeten Version von T3-Mootools. Muss man ggf. nachschlagen; der Eintrag in der Dokumentation von rgaccordion ist wahrscheinlich veraltet.
Weiterführende Links
- Kommentare