Accordions - Alle geschlossen halten - Versionsgeschichte

BugBuster am 30. November 2013 um 16:45 Uhr

2013-11-30T16:45:06Z

BugBuster am 20. Februar 2012 um 19:39 Uhr

2012-02-20T19:39:04Z

Nina: Code so angepasst, dass es mit den neueren Accordions funktioniert (seit Version 2.9)

2012-02-19T16:10:00Z

Code so angepasst, dass es mit den neueren Accordions funktioniert (seit Version 2.9)

Manitougs: Die Seite wurde neu angelegt: „Category:Admin_HOWTOS {{AppliesTo |Version=ab 2.9 }} Bindet man mehrere Accordions in einem Artikel ein, ist das erste Accordion standardmäßig offen. [[Da…“

2011-02-14T00:02:08Z

Die Seite wurde neu angelegt: „Category:Admin_HOWTOS {{AppliesTo |Version=ab 2.9 }} Bindet man mehrere Accordions in einem Artikel ein, ist das erste Accordion standardmäßig offen. [[Da…“

Neue Seite

[[Category:Admin_HOWTOS]]
{{AppliesTo
|Version=ab 2.9
}}

Bindet man mehrere Accordions in einem Artikel ein, ist das erste Accordion standardmäßig offen.

[[Datei:acc_close_all_default.png|Accordion Standard|frame|center]]

Will man jedoch, dass alle Accordions geschlossen sind, muss das Template angepasst werden.

Voraussetzung ist, dass ein Templateordner dem verwendeten Theme zugeordnet sind. Wie das geht, ist in der Anleitung [[Die_erste_Webseite|Die erste Webseite]] unter Punkt 3.2 und 4 beschrieben.

Um das Template anzupassen, wählt man im Backend unter ''Layout'' den Menüpunkt ''Templates'' und anschliessend auf ''Neues Template''.

[[Datei:acc_close_all_new_template.png|Neues Template|frame|center]]

Das zum Accordion gehörende Template heisst ''moo_accordion.tpl'', welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.

[[Datei:acc_close_all_choose_template.png|Templateauswahl|frame|center]]

In der Templateübersicht sieht man nun das gewählte Template in dem ausgewählten Ordner. Um das Template zu bearbeiten, wählt man den ''Bearbeiten''-Button.

[[Datei:acc_close_all_template.png|Templateübersicht|frame|center]]

Das Template ändert man nun wie folgt ab:

<source lang="javascript">
<script type="text/javascript">
<![CDATA[//><!]]>
</script>
</source>

Anschliessend speichert man das Template ab.

Wie man nun sieht, sind alle Accordions geschlossen.

[[Datei:acc_close_all.png|Alle Accorions geschlossen|frame|center]]

Das Inhaltselement ''Accordion'' bietet keine Möglichkeit, um ein spezielles Template auszuwählen. Will man unterschiedliche Templates in unterschiedlichen Artikeln einsetzen, empfiehlt sich die Anleitung [[Eigene_Templates_trotz_fehlender_Auswahlmöglichkeit|Eigene Templates trotz fehlender Auswahlmöglichkeit]].

@@ Zeile 16: / Zeile 16: @@
 [[Datei:acc_close_all_new_template.png|Neues Template|frame|center]]
-Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.xhtml'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.
+Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.xhtml'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''. (Im Bild ist noch die alte Endung tpl zu sehen)
 [[Datei:acc_close_all_choose_template.png|Templateauswahl|frame|center]]

@@ Zeile 16: / Zeile 16: @@
 [[Datei:acc_close_all_new_template.png|Neues Template|frame|center]]
-Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.html5'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.
+Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.xhtml'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.
 [[Datei:acc_close_all_choose_template.png|Templateauswahl|frame|center]]

@@ Zeile 16: / Zeile 16: @@
 [[Datei:acc_close_all_new_template.png|Neues Template|frame|center]]
-Das zum Accordion gehörende Template heisst ''moo_accordion.tpl'', welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.
+Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.html5'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.
 [[Datei:acc_close_all_choose_template.png|Templateauswahl|frame|center]]
@@ Zeile 24: / Zeile 24: @@
 [[Datei:acc_close_all_template.png|Templateübersicht|frame|center]]
-Das Template ändert man nun wie folgt ab:
+Im Template fügt man nun nach dem Eintrag ''opacity: false'', in eine neue Zeile folgendes ein:
 <source lang="javascript">
-<script type="text/javascript">
+     display: -1, // -1, alle Akkordions sind am Anfang eingeklappt
-<!--//--><![CDATA[//><!--
-window.addEvent('domready', function() {
-  new Accordion($$('div.toggler'), $$('div.accordion'), {
-     display:false,
-    alwaysHide: true,
-    opacity: false
-  });
-});
-//--><!]]>
-</script>
 </source>