[[Simple Tabs (MooTools v1.2x)]]
You are here: Willkommen im phpwcms-HowTo:wiki » Documentation (EN) » phpwcms System » ARTICLE » Contentparts » Register/Tabs » Simple Tabs (MooTools v1.2x)
Show pageOld revisions
Recent changesIndex

NAVIGATION

Imprint / Impressum

Please Donate!

With your donation you accelerate more enhancements of the wiki.

Differences

This shows you the differences between two versions of the page.

english:phpwcms-system:article:contentparts:register-tabs:simple-tabs [2009/12/26 17:16]
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 53: Line 54:
-**1.** Update to the very latest version \\+**1.** Update to the very latest version
  * [[http://code.google.com/p/phpwcms/source/list|>= phpwcms version 1.4.4, rev 388, 2009/12/06]] or   * [[http://code.google.com/p/phpwcms/source/list|>= phpwcms version 1.4.4, rev 388, 2009/12/06]] or
  * [[http://www.phpwcms-docu.de/download-dev-versions.phtml|DEV - Version ZIP Format]]! \\   * [[http://www.phpwcms-docu.de/download-dev-versions.phtml|DEV - Version ZIP Format]]! \\
  * check the new configvars in **config.inc.php**   * check the new configvars in **config.inc.php**
-/* 
-**2.** login and goto ADMIN > Templates - see the new options - choose mootools, load instantly (?), use google ajax lib if you prefer. 
-*/ 
-**2.** Installation: \\ +**2.** Login and goto ADMIN -> Templates - see the new options  
-- Copy and paste the files below into the specified folder.+  * choose **MooTools 1.2**, load instantly (?), use google ajax lib if you prefer. \\ It's just important to choose **MooTools 1.2** :!:
-**3.** In use:+ 
 +**3.** Installation:  
 +  * Copy and paste the three files below into the specified folder. 
 + 
 +**4.** In use:
  * Setup a Register/tabs content part with your entries.   * Setup a Register/tabs content part with your entries.
  * Choose the **simpletabs01.tmpl**   * Choose the **simpletabs01.tmpl**
Line 71: Line 73:
<note> <note>
-There is a new Template replacer to add JavaScript dynamically +There is a new Template replacer to add JavaScript dynamically. \\ 
 +//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 **template/lib/mootools/plugin-1.2/mootools.SimpleTabs.js** you can use something like +need exactly the following file in that path \\  
 +**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>
too. too.
-:!:Not tested:!:+:!: Not tested :!:
thats for the template. thats for the template.
Line 89: Line 93:
it's the same. it's the same.
-In case you call a plugin in these ways, jQuery //(mootools)// Lib will always be included. \\+In case you call a plugin in these ways, MooTools Lib will always be included. \\
That's all. That's all.
Line 96: 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 250: 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 261: 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 295: Line 329:
var tabs = new SimpleTabs(\'simpletabs\', { var tabs = new SimpleTabs(\'simpletabs\', {
- selector: \'h3\'+ selector: \'h3.moo_registerTab\'
}); });
Line 310: 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]
Line 338: Line 372:
font-size:1em; font-size:1em;
line-height:135%; line-height:135%;
- margin:100px 35px 0pt 220px;+ margin:10px 35px 0pt 20px;
padding-bottom:55px; padding-bottom:55px;
position:relative; position:relative;
english/phpwcms-system/article/contentparts/register-tabs/simple-tabs.1261844209.txt.gz · Last modified: 2018/06/03 18:07 (external edit)
Show pageOld revisions
Back to top
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