Differences

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

--- english:phpwcms-system:article:contentparts:register-tabs:simple-tabs [2009/12/26 11:52]
Knut Heermann (flip-flop)
+++ english:phpwcms-system:article:contentparts:register-tabs:simple-tabs [2018/06/03 18:09] (current)
@@ Line 10: / Line 10: @@
 [[http://digitarald.de/project/simple-tabs/|SimpleTabs - Unobtrusive Tabs + Ajax (v1.0)]]
+\\
 **Frontend:**
@@ Line 25: / Line 26: @@
 **Autor:** K.Heermann (flip-flop) http://planmatrix.de //2009/12/27 // \\
-**CMS version:** >= V1.44 \\
+- CSS made by Oliver Georgi http://phpwcms.de \\
+**CMS version:** >= V1.44 r388\\
 **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:** --
+Filename: **mootools.SimpleTabs.js** \\
+Folder: ** /template/lib/mootools/plugin-1.2/ **
 Filename: **simpletabs01.tmpl** \\
 Folder: ** /template/inc_cntpart/tabs/ **
+Filename: **reg_tabs_simpletabs01.css** \\
+Folder: ** /template/inc_css/specific/mootools/ **
@@ Line 45: / 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.
-*7
-/*
+**2.** Login and goto ADMIN -> Templates - see the new options
-**2.** downlaod {{:deutsch:phpwcms-system:artikel:contentparts:teaser-artikellink:phpwcms_-_jquery_-_featured_slider_-_2009-12-04.zip|phpwcms_-_jquery_-_featured_slider_-_2009-12-04.zip}} in my [[deutsch/phpwcms-system/artikel/contentparts/teaser-artikellink/slider-mit-jquery|first post]] and drop it into your installation.
+  * choose **MooTools 1.2**, load instantly (?), use google ajax lib if you prefer. \\ It's just important to choose **MooTools 1.2** :!:
-Take a look at the files/structure.
-*/
-**2.** install:
-Copy and paste the files above into the specified folder.
+**3.** Installation:
+  * Copy and paste the three files below into the specified folder.
-**3.** In use
+**4.** In use:
-  * Setup a Register/tabs Contentpart with your entries.
+  * Setup a Register/tabs content part with your entries.
-  * Choose the **simpletabs01.tmpl** /* template provided with the zip file. */
+  * Choose the **simpletabs01.tmpl**
   * Save and you should be done :-)
+<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>
-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>
 too.
-:!:Not tested:!:
+:!: Not tested :!:
 thats for the template.
@@ Line 87: / Line 93: @@
 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.
+</note>
 ==== 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 246: / Line 255: @@
 });
 </code>
+\\
 ==== Template ====
 **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 >
@@ Line 257: / Line 291: @@
 .12.09 KH (flip-flop) - http://planmatrix.de Knut Heermann
+.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
   Uses the js file lib/mootools/plugin-1.2/mootools.SimpleTabs.js
@@ Line 291: / Line 329: @@
 		var tabs = new SimpleTabs(\'simpletabs\', {
-			selector: \'h3\'
+			selector: \'h3.moo_registerTab\'
 		});
@@ Line 306: / Line 344: @@
 <!--TABS_ENTRY_START//-->
 [TABTITLE]
-<h3 title="{TABTITLE}">{TABTITLE}</h3>
+<h3 class="moo_registerTab" title="{TABTITLE}">{TABTITLE}</h3>
 [/TABTITLE]
 [TABTITLE_ELSE]
-<h3 title="TabElse">TabElse</h3>
+<h3 class="moo_registerTab" title="TabElse">TabElse</h3>
 [/TABTITLE_ELSE]
 	[TABCONTENT]
@@ Line 334: / Line 372: @@
 	font-size:1em;
 	line-height:135%;
-	margin:100px 35px 0pt 220px;
+	margin:10px 35px 0pt 20px;
 	padding-bottom:55px;
 	position:relative;

english/phpwcms-system/article/contentparts/register-tabs/simple-tabs.1261824740.txt.gz · Last modified: 2018/06/03 18:07 (external edit)

Show page Old revisions