Differences

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:17]
Knut Heermann (flip-flop)
deutsch:phpwcms-system:admin:vorlagen:custom_blocks:accordion-mootools-beispiel [2018/06/03 18:08] (current)
Line 10: Line 10:
  * Mootools V1.2.x   * Mootools V1.2.x
-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 42: Line 46:
**Seitenlayout:** **Seitenlayout:**
-Anlegen der Blöcke: ACCORDION, ACCO-01, ACCO-02, ACCO-03, ACCO-04, ACCO-05, ACCO-06 +Anlegen der Blöcke: ACCORDION, ACCO-01, ACCO-02, ACCO-03, ACCO-04, ACCO-05, ACCO-06 //(Die Bezeichnungen können natürlich auch anders lauten, dann bitte in allen Bereichen analog dazu ersetzen).//
{{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_seitenlayout_1.gif|}} {{:deutsch:phpwcms-system:admin:vorlagen:custom_blocks:cb_accordion_seitenlayout_1.gif|}}
Line 49: Line 53:
**Vorlage: ** **Vorlage: **
 +
 +Nachdem die Blöcke im Seitenlayout angelegt wurden, sind diese in allen Vorlagen verfügbar. \\
 +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. er wird gelöscht.
 +
 +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 105: 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 199: 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.
 +
 +
deutsch/phpwcms-system/admin/vorlagen/custom_blocks/accordion-mootools-beispiel.1274098668.txt.gz · Last modified: 2018/06/03 18:06 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0