Kategorien
- [-]Developer (94)
- API (14)
- Backend (16)
- Extensions (26)
- HTML & CSS (4)
- Typoscript (31)
- [-]Redaktionelles (15)
- Anleitungen (6)
- Tipps (6)
- Sonstiges (36)
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
- Cookie Control und die europäische Cookie-Richtlinie
- 18.05.2012 21:41
- Schafft er es auf die erste Seite?
- 18.05.2012 14:39
- TYPO3camp Berlin 2012
- 11.05.2012 15:35
- Webdesign in Zeiten des iPad 3: und immer noch mehr Pixel.
- 10.05.2012 17:14
Letzte Kommentare
- Hallo David, das ist ein guter Tipp, werde ich mir...
- 13.05.2012 13:19
- Hallo! In der Aufzählung gehst du nicht auf den verfügbaren...
- 12.05.2012 14:35
- Müsste eigentlich so funktionieren, ich mache es hier ja...
- 10.04.2012 13:03
- Erst einmal - Danke für die Extension. Eine Frage habe...
- 10.04.2012 10:30
In eigener Sache
Peter Linzenkirchner, Lisardo Multimedia 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
