Schnellnavigation:

Kategorien

« 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

Kopieren Sie diesen Link in Ihren RSS-Reader

RSS 0.91Nachrichten
RSS 2.0Nachrichten

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

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:

  1. plugin.tx_rgaccordion2 {
  2.     stdWrap.outerWrap= <divclass="rgaccord2-content">|</div>
  3.     stdWrap.outerWrap.if.isTrue.field=tx_rgaccordion_accordion
  4.     stdWrap.outerWrap.stdWrap.prepend=  TEXT
  5.     stdWrap.outerWrap.stdWrap.prepend.field=header
  6.     stdWrap.outerWrap.stdWrap.prepend.ifEmpty=Test
  7.     stdWrap.outerWrap.stdWrap.prepend.wrap= <h3class="rgaccord2-toggle">|</h3>
  8.     stdWrap.outerWrap.stdWrap.prepend.if.isTrue.field=tx_rgaccordion_accordion
  9. }

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:

  1. window.addEvent('domready', function(){
  2. varaccordion= newAccordion('h3.rgaccord2-toggle','div.rgaccord2-content',{
  3.     alwaysHide:true,
  4.     opacity:false,
  5.     # hier kommt die Erweiterung:
  6.     display:-1,
  7.     # Ende der Erweiterung
  8.     onActive: function(toggler,element){
  9.         toggler.addClass('act');
  10.     },
  11.  
  12.     onBackground: function(toggler,element){
  13.         toggler.removeClass('act');    
  14.     }
  15. }, $('rgaccord2-nest'));   
  16.  
  17. });

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.

  1. page.includeCSS.file57=fileadmin/css/rgaccordion2.css
  2. page.includeJS.file51 =EXT:t3mootools/res/mootoolsv1.11.js
  3. page.includeJS.file52 =fileadmin/js/rgaccordion2.js
  4.  

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

Kategorien: Extensions  
Links:
Trackback-Link  (Bitte kopieren)
 
| Mehr
  •  
  • Kommentare
  •