NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:phpwcms-system:artikel:contentparts:register-tabs:accordion-tabs [2013/03/31 14:57] Knut Heermann (flip-flop) |
deutsch:phpwcms-system:artikel:contentparts:register-tabs:accordion-tabs [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 345: | Line 345: | ||
| </code> | </code> | ||
| + | |||
| + | \\ | ||
| \\ | \\ | ||
| Line 353: | Line 355: | ||
| **Datei:** /template/lib/mootools/plugin-1.4/mootools.AccordionTabs_V14.js \\ | **Datei:** /template/lib/mootools/plugin-1.4/mootools.AccordionTabs_V14.js \\ | ||
| - | //(Identisch mit [[http://demos.mootools.net/demos/Accordion/demo.js]]) // | + | //(Siehe auch [[http://demos.mootools.net/demos/Accordion/demo.js]]) // |
| Line 407: | Line 409: | ||
| 31.03.13 KH (flip-flop) - http://planmatrix.de Knut Heermann | 31.03.13 KH (flip-flop) - http://planmatrix.de Knut Heermann | ||
| - | Corresponding with the file /template/inc_css/specific/reg_tabs_accordion01.css | + | Corresponding with the file /template/inc_css/specific/reg_tabs_accordion_V14.css |
| Uses the js file lib/mootools/plugin-1.4/mootools.AccordionTabs_V14.js | Uses the js file lib/mootools/plugin-1.4/mootools.AccordionTabs_V14.js | ||
| - and lib/mootools/mootools-1.4-core-yc.js | - and lib/mootools/mootools-1.4-core-yc.js | ||
| - Put this file into the Folder /template/inc_cntpart/tabs/* | - Put this file into the Folder /template/inc_cntpart/tabs/* | ||
| - | - Switch in your conf.inc.php -> $phpwcms['allow_cntPHP_rt'] = 1; | ||
| *********************************************************************** */ | *********************************************************************** */ | ||
| Line 427: | Line 428: | ||
| </div> <!-- END id="rgt_content" //--> | </div> <!-- END id="rgt_content" //--> | ||
| + | |||
| - | [PHP] | + | <!-- JS: MORE:Fx/Fx.Elements,Fx/Fx.Accordion -->; |
| - | // ******************************************************* | + | <;!-- CSS: {TEMPLATE}inc_css/specific/mootools/reg_tabs_accordion_V14.css -->; |
| - | // Load Mootools Framework //(set in the template)//. | + | <!-- JS: AccordionTabs_V14 -->; |
| - | + | ||
| - | // ---- Init Moore function v2 | + | |
| - | $js[1] = 'MORE:Fx/Fx.Elements,Fx/Fx.Accordion'; | + | |
| - | renderHeadJS($js); | + | |
| - | + | ||
| - | // ---- Loading the right CSS-file. | + | |
| - | $GLOBALS['block']['css']['reg_tabs_accordion_V14'] = 'specific/mootools/reg_tabs_accordion_V14.css'; | + | |
| - | + | ||
| - | // ---- Loading the JS Plugin | + | |
| - | initJSPlugin('AccordionTabs_V14'); | + | |
| - | + | ||
| - | // ******************************************************* | + | |
| - | [/PHP] | + | |
| <!--TABS_END//--> | <!--TABS_END//--> | ||
| Line 451: | Line 441: | ||
| <!--TABS_ENTRY_START//--> | <!--TABS_ENTRY_START//--> | ||
| [TABTITLE] | [TABTITLE] | ||
| - | <h3 title="{TABTITLE}">{TABTITLE}</h3> | + | <h3 class="toggler" title="{TABTITLE}">{TABTITLE}</h3> |
| [/TABTITLE] | [/TABTITLE] | ||
| [TABTITLE_ELSE] | [TABTITLE_ELSE] | ||
| - | <h3 title="TabElse">TabElse</h3> | + | <h3 class="toggler" title="TabElse">TabElse</h3> |
| [/TABTITLE_ELSE] | [/TABTITLE_ELSE] | ||
| [TABCONTENT] | [TABCONTENT] | ||
| - | <div class="content"> | + | <div class="element"> |
| [TABHEADLINE]<h4>{TABHEADLINE}</h4>[/TABHEADLINE] | [TABHEADLINE]<h4>{TABHEADLINE}</h4>[/TABHEADLINE] | ||
| [TABTEXT]{TABTEXT}[/TABTEXT] | [TABTEXT]{TABTEXT}[/TABTEXT] | ||
