NAVIGATION
This shows you the differences between two versions of the page.
deutsch:phpwcms-system:admin:vorlagen:custom_blocks:accordion-mootools-beispiel [2010/05/17 14:47] Knut Heermann (flip-flop) |
deutsch:phpwcms-system:admin:vorlagen:custom_blocks:accordion-mootools-beispiel [2018/06/03 18:08] (current) |
||
---|---|---|---|
Line 11: | Line 11: | ||
\\ | \\ | ||
- | Frontend-Ausgabe: | + | |
+ | Siehe auch: Accordion Tabs (Mootools V1.2x) im CP Register/Tabs. [[deutsch/phpwcms-system/artikel/contentparts/register-tabs/accordion-tabs]] | ||
+ | |||
+ | **Frontend-Ausgabe:** | ||
{{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_fe_1.gif|}} | {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_fe_1.gif|}} | ||
Line 54: | Line 57: | ||
Custom-Blöcken haben die Eigenart, dass wenn diese Blöcke von keinem CP angesprochen werden auch der Umschließende Inhalt der Blöcke nicht ausgeliefert wird. | Custom-Blöcken haben die Eigenart, dass wenn diese Blöcke von keinem CP angesprochen werden auch der Umschließende Inhalt der Blöcke nicht ausgeliefert wird. | ||
- | Z.B. würde der Block {ACCORDION} mit seinen Anweisung wie [PHP]...[/PHP] oder auch die <div> Container nur abgearbeitet, wenn dieser Block von einem CP der aktuellen Seite angefordert wird. In "Haupt:" wird in diesem Fall der Platzhalter {ACCORDION} beim Renderprozess nicht berücksichtigt bzw. gelöscht. | + | Z.B. würde der Block {ACCORDION} mit seinen Anweisung wie [PHP]...[/PHP] oder auch die <div> Container nur abgearbeitet, wenn dieser Block von einem CP der aktuellen Seite angefordert wird. In "**Haupt:**" wird in diesem Fall der Platzhalter {ACCORDION} beim Renderprozess nicht berücksichtigt bzw. er wird gelöscht. |
- | Einige Leute fragen sich sicher, weshalb im Block {ACCORDION} noch einmal {ACCORDION} stehen muss. An diese Stelle wird der Inhalt des aufrufenden CPs eingesetzt :!: | + | Einige Leute fragen sich bestimmt, weshalb im Block {ACCORDION} noch einmal {ACCORDION} stehen muss: An diese Stelle wird der Inhalt des aufrufenden CPs eingesetzt :!: |
{{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_vorlage_1.gif|}} | {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_vorlage_1.gif|}} | ||
Line 113: | Line 116: | ||
==== Bsp. eines CPs im Accordion Tab 01: ==== | ==== Bsp. eines CPs im Accordion Tab 01: ==== | ||
- | Hier Text mit Bild: | + | Hier ein CP "Text mit Bild": |
{{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_cp_text_bild_1.gif|}} | {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_cp_text_bild_1.gif|}} | ||
Line 207: | Line 210: | ||
</code> | </code> | ||
+ | Um den aktiven Block mit einem Klick auf sich selbst wieder schließen zu können: | ||
+ | |||
+ | <code js> | ||
+ | opacity: false, alwaysHide: true, show: -1, | ||
+ | </code> | ||
+ | |||
+ | Optionen: [[http://mootools.net/docs/more/Fx/Fx.Accordion|Class: Fx.Accordion]] | ||
\\ | \\ | ||
+ | |||
+ | ===== Alternative Variante: ===== | ||
+ | |||
+ | Wir verwenden anstatt dem Custom-Block {ACCORDION} in der Vorlage **einen weiteren** HTML-CP innerhalb dieses Artikels, in dessen Textfeld {ACCORDION} eingetragen wird. Das Ausgabeziel ist {CONTENT}. | ||
+ | |||
+ | {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_cp_html_alt_1.gif|}} | ||
+ | |||
+ | Der Vorteil besteht darin, dass der Inhalt nun in {CONTENT} geschrieben und kein separater Tag {ACCORDION} in "**Haupt:**" benötigt wird. | ||
+ | |||
+ | \\ | ||
+ | **Inhalt des Template** für diesen CP: template/inc_cntpart/html/accordion01.tmpl | ||
+ | |||
+ | <code html> | ||
+ | [HTML] | ||
+ | [PHP] | ||
+ | // ---- Init Moore function v2 | ||
+ | $js[1] = 'MORE:Fx/Fx.Elements,Fx/Fx.Accordion'; | ||
+ | renderHeadJS($js); | ||
+ | |||
+ | // ---- Loading the right CSS-file. | ||
+ | $GLOBALS['block']['css']['cust_block_accordion01'] = 'specific/mootools/cust_block_accordion01.css'; | ||
+ | |||
+ | // ---- Loading the JS Plugin | ||
+ | initJSPlugin('AccordionTabs01'); | ||
+ | [/PHP] | ||
+ | <!-- ====== ACCORDION ====== //--> | ||
+ | <div class="cb_content"> | ||
+ | <div id="accordion"> | ||
+ | {HTML} | ||
+ | </div> | ||
+ | </div> | ||
+ | [/HTML] | ||
+ | </code> | ||
+ | |||
+ | \\ | ||
+ | |||
+ | ==== In der Vorlage: ==== | ||
+ | |||
+ | {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_vorlage_alt_1.gif|}} | ||
+ | |||
+ | |||
+ | |||
+ | Der Custom-Block {ACCORDION} wird nun geleert //(nicht gelöscht)// bis auf den Tag {ACCORDION}. | ||
+ | |||
+ | <note> | ||
+ | In "**Haupt:**" wird der Platzhalter {ACCORDION} entfernt. \\ | ||
+ | </note> | ||
+ | |||
+ | \\ | ||
+ | **Eine dritte Variante** wäre die Verwendung des CPs Register-Tab anstatt der HTML-CPs. | ||
+ | |||
+ |