NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
english:phpwcms-system:article:contentparts:register-tabs:simple-tabs [2009/12/26 19:13] Knut Heermann (flip-flop) |
english:phpwcms-system:article:contentparts:register-tabs:simple-tabs [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 29: | Line 29: | ||
| **CMS version:** >= V1.44 r388\\ | **CMS version:** >= V1.44 r388\\ | ||
| **Version:** V1.0 \\ | **Version:** V1.0 \\ | ||
| - | **Update:** -- \\ | + | **Update:** 26.01.10 by MP (pepe) - [[http://phpwcms-templates.de]] Manfred Peperkorn \\ |
| + | - For better integration of CPs and articles with the tag {SHOW_CONTENT:....} | ||
| **Tag:** -- | **Tag:** -- | ||
| Line 75: | Line 76: | ||
| //Have a look: [[http://code.google.com/p/phpwcms/source/detail?r=381]]// Example: | //Have a look: [[http://code.google.com/p/phpwcms/source/detail?r=381]]// Example: | ||
| <code><!-- JS: SimpleTabs --></code> | <code><!-- JS: SimpleTabs --></code> | ||
| - | need exactly the following file in that path \ | + | need exactly the following file in that path \\ |
| **template/lib/mootools/plugin-1.2/mootools.SimpleTabs.js** you can use something like | **template/lib/mootools/plugin-1.2/mootools.SimpleTabs.js** you can use something like | ||
| <code<php><!-- JS: http://digitarald.de/project/simple-tabs/1-0/source/SimpleTabs.js --></code> | <code<php><!-- JS: http://digitarald.de/project/simple-tabs/1-0/source/SimpleTabs.js --></code> | ||
| Line 99: | Line 100: | ||
| ==== JavaScript ==== | ==== JavaScript ==== | ||
| - | **File:** /template/lib/mootools/plugin-1.2/mootools.SimpleTabs.js | + | **File:** /template/lib/mootools/plugin-1.2/mootools.SimpleTabs.js \\ |
| + | //(identical to [[http://digitarald.de/project/simple-tabs/1-0/source/SimpleTabs.js]])// | ||
| Line 253: | Line 255: | ||
| }); | }); | ||
| </code> | </code> | ||
| + | |||
| + | \\ | ||
| ==== Template ==== | ==== Template ==== | ||
| **File:** /template/inc_cntpart/tabs/simpletabs01.tmpl | **File:** /template/inc_cntpart/tabs/simpletabs01.tmpl | ||
| + | |||
| + | And please have a look to the new **[TABTITLE_ELSE]** section command. \\ | ||
| + | If you need any empty title option, use single "-" in CP Register, which allows forced [TABTITLE_ELSE] section. | ||
| + | |||
| + | |||
| + | <note> | ||
| + | And please have a look to the new **[TABTITLE_ELSE]** section command. \\ | ||
| + | //([[http://code.google.com/p/phpwcms/source/detail?r=372]])// \\ | ||
| + | If you need any empty title option, use single "-" in CP Register, which allows forced [TABTITLE_ELSE] section. | ||
| + | |||
| + | </note> | ||
| + | |||
| + | **Update:** 26.01.10 by MP (pepe) - [[http://phpwcms-templates.de]] Manfred Peperkorn \\ | ||
| + | - For better integration of CPs and articles with the tag {SHOW_CONTENT:....} | ||
| + | |||
| + | <code html>selector: \'h3\' --> selector: \'h3.moo_registerTab\'</code> | ||
| + | |||
| + | <code html><h3 title="{TABTITLE}">{TABTITLE}</h3> --> <h3 class="moo_registerTab" title="{TABTITLE}">{TABTITLE}</h3></code> | ||
| + | |||
| + | <code html><h3 title="TabElse">TabElse</h3> --> <h3 class="moo_registerTab" title="TabElse">TabElse</h3></code> | ||
| + | |||
| + | |||
| + | |||
| <code html |h simpletabs01.tmpl |h > | <code html |h simpletabs01.tmpl |h > | ||
| Line 264: | Line 291: | ||
| 26.12.09 KH (flip-flop) - http://planmatrix.de Knut Heermann | 26.12.09 KH (flip-flop) - http://planmatrix.de Knut Heermann | ||
| - | + | 26.01.10 Update: MP (pepe) - [[http://phpwcms-templates.de]] Manfred Peperkorn | |
| + | selector: \'h3\' -> selector: \'h3.moo_registerTab\' | ||
| + | <h3 title="{TABTITLE}">{TABTITLE}</h3> -> <h3 class="moo_registerTab" title="{TABTITLE}">{TABTITLE}</h3> | ||
| + | <h3 title="TabElse">TabElse</h3> -> <h3 class="moo_registerTab" title="TabElse">TabElse</h3> | ||
| + | --- | ||
| Corresponding with the file /template/inc_css/specific/reg_tabs_simpletabs01.css | Corresponding with the file /template/inc_css/specific/reg_tabs_simpletabs01.css | ||
| Uses the js file lib/mootools/plugin-1.2/mootools.SimpleTabs.js | Uses the js file lib/mootools/plugin-1.2/mootools.SimpleTabs.js | ||
| Line 298: | Line 329: | ||
| var tabs = new SimpleTabs(\'simpletabs\', { | var tabs = new SimpleTabs(\'simpletabs\', { | ||
| - | selector: \'h3\' | + | selector: \'h3.moo_registerTab\' |
| }); | }); | ||
| Line 313: | Line 344: | ||
| <!--TABS_ENTRY_START//--> | <!--TABS_ENTRY_START//--> | ||
| [TABTITLE] | [TABTITLE] | ||
| - | <h3 title="{TABTITLE}">{TABTITLE}</h3> | + | <h3 class="moo_registerTab" title="{TABTITLE}">{TABTITLE}</h3> |
| [/TABTITLE] | [/TABTITLE] | ||
| [TABTITLE_ELSE] | [TABTITLE_ELSE] | ||
| - | <h3 title="TabElse">TabElse</h3> | + | <h3 class="moo_registerTab" title="TabElse">TabElse</h3> |
| [/TABTITLE_ELSE] | [/TABTITLE_ELSE] | ||
| [TABCONTENT] | [TABCONTENT] | ||
