Willkommen und Gute Nacht, Guest  Beim nächsten Piep ist es zwischen 4:00 und 5:00 Uhr

[BBCode] Tabmenue

BBCode-Area for phpBB 3.0.x
Topic locked

[BBCode] Tabmenue

Postby 4seven » Sat 12. Sep 2009, 16:43 | Userzeit: +1.00 / Sa 12. Sep 2009, 17:43

Tabmenue BBCode

TAB 1

INHALT 1

TAB 2

INHALT 2

TAB 3

INHALT 3


Beim klick auf [tabmenue]* erscheint ein Wizzard, der nach der Anzahl der Tabs fragt.

*Demo: posting.php?mode=post&f=14

Der Rest ist selbsterklärend. Trenner ist immer > ### die generierte und nummerierte Beschriftung erleichtert das editieren. Das ist schon alles. Die Generierung und das Einfügen der BBCodes erfolgt automatisch, was die ganze Sache komfortabel macht. Wie immer ist natürlich auch dieses BBCode-Snippet xhtml 1.0 strict.
User avatar
4seven
Administrator
 
Posts: 427
 
Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...
 
Joined:
Sun 13. Jan 2008, 23:44
 
Letzter Login:
Mon 1. Aug 2022, 16:40
 
Posted:
Sat 12. Sep 2009, 16:43 +1.00
Userzeit: Sa 12. Sep 2009, 17:43
Top

Re: [BBCode] Tabmenue

Postby 4seven » Sun 4. Oct 2009, 05:02 | Userzeit: +1.00 / Sa 12. Sep 2009, 17:43

Anleitung

- Als erstes müssen 9 BBCodes erstellt werden


1. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue][/tabmenue]


HTML-Ersetzung:

Code: Select all
 


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Ja


Text für Tipp-Anzeige:

Code: Select all
Erzeugt ein Tabmenü > Also anklicken ;) (oder ähnlich)



2. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue2={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}[/tabmenue2]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">
{TEXT3}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT3}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer




3. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue3={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}[/tabmenue3]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT4}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



4. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue4={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}[/tabmenue4]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT5}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT6}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT5}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



5. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue5={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}[/tabmenue5]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT6}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT6}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



6. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue6={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}[/tabmenue6]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>                     
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT7}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT7}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>      
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



7. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue7={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}[/tabmenue7]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>                     
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT8}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT8}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



8. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue8={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}###{TEXT15}###{TEXT16}[/tabmenue8]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-7"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','7');"> <span>{TEXT8}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT9}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT15}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-7">
         <div class="container-1">{TEXT16}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT9}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT15}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT8}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT16}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer



9. BBCode wrote:BBCode-Benutzung

Code: Select all
[tabmenue9={NUMBER}]{TEXT1}###{TEXT2}###{TEXT3}###{TEXT4}###{TEXT5}###{TEXT6}###{TEXT7}###{TEXT8}###{TEXT9}###{TEXT10}###{TEXT11}###{TEXT12}###{TEXT13}###{TEXT14}###{TEXT15}###{TEXT16}###{TEXT17}###{TEXT18}[/tabmenue9]


HTML-Ersetzung:

Code: Select all
<div id="dynamicTabMenu-{NUMBER}" class="hidden">
   <div class="tabMenu">
      <ul id="dynamicTabMenu-{NUMBER}-item">
               <li id="dynamicTabMenu-{NUMBER}-item-0"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','0');"> <span>{TEXT1}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-1"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','1');"> <span>{TEXT2}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-2"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','2');"> <span>{TEXT3}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-3"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','3');"> <span>{TEXT4}</span></a></li>
               <li id="dynamicTabMenu-{NUMBER}-item-4"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','4');"> <span>{TEXT5}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-5"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','5');"> <span>{TEXT6}</span></a></li>      
               <li id="dynamicTabMenu-{NUMBER}-item-6"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','6');"> <span>{TEXT7}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-7"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','7');"> <span>{TEXT8}</span></a></li>   
               <li id="dynamicTabMenu-{NUMBER}-item-8"><a onclick="dynamicTabMenu.showSubTabMenu('{NUMBER}','8');"> <span>{TEXT9}</span></a></li>               
            </ul>
   </div>
   <div class="subTabMenu">
      <div class="containerHead"><div> </div></div>
   </div>
   <div id="dynamicTabMenu-{NUMBER}-content">
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-0">
         <div class="container-1">{TEXT10}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-1">
         <div class="container-1">{TEXT11}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-2">
         <div class="container-1">{TEXT12}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-3">
         <div class="container-1">{TEXT13}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-4">
         <div class="container-1">{TEXT14}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-5">
         <div class="container-1">{TEXT15}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-6">
         <div class="container-1">{TEXT16}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-7">
         <div class="container-1">{TEXT17}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <div class="border tabMenuContent" id="dynamicTabMenu-{NUMBER}-content-8">
         <div class="container-1">{TEXT18}
         <div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
      </div>
</div>

<div class="border tabMenuContent" id="dynamicTabMenuNoScript-{NUMBER}">
   <div class="container-1">
         <h3>{TEXT1}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT10}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT2}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT11}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT3}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT12}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT4}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT13}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT5}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT14}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT6}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT15}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>
         <h3>{TEXT7}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT16}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT8}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT17}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>   
         <h3>{TEXT9}</h3>
      <div class="border tabMenuContent">
         <div class="container-2">
{TEXT18}<div class="tabMenuBBCodeClear"> </div>
         </div>
      </div>         
      </div>
</div>

<script type="text/javascript">
   //<![CDATA[
   dynamicTabMenu.init('{NUMBER}');
   //]]>
</script>


Beim Verfassen eines Beitrags anzeigen:

Code: Select all
Nein


Text für Tipp-Anzeige:

Code: Select all
Leer


- Dann 2 Datei-Edits

Öffne

Code: Select all
styles/prosilver/template/overall_header.html


Finde

Code: Select all
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


Dahinter füge ein

Code: Select all
<script type="text/javascript" src="{T_TEMPLATE_PATH}/tabmenu.js"></script>
<link href="{T_THEME_PATH}/tabmenu.css" rel="stylesheet" type="text/css" />


Öffne

Code: Select all
styles/subsilver2/template/overall_header.html


Finde

Code: Select all
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />


Dahinter füge ein

Code: Select all
<script type="text/javascript" src="{T_TEMPLATE_PATH}/tabmenu.js"></script>
<link href="{T_THEME_PATH}/tabmenu.css" rel="stylesheet" type="text/css" />


Öffne

Code: Select all
styles/prosilver/template/editor.js

Code: Select all
styles/subsilver2/template/editor.js


Finde

Code: Select all
insert_text(bbopen + bbclose);


Ersetze mit

Code: Select all
   if (bbopen == '[tabmenue]')    

   {
       var Error = '';
      var TABMENU = prompt(unescape('Wieviele Men%FCpunkte sollen angelegt werden?  (2-9)' , ''));
      if (!TABMENU) {
        Error = "Du hast keine Anzahl eingegeben";
      alert("Fehler: "+Error);
      return;
      }
      if (TABMENU) {
   
      var RAND = Math.floor(Math.random() * 1000000 + 500000);
      
      if (TABMENU < 2){   
         Error = "Du hast eine Anzahl unter 2 eingegeben";
         alert("Fehler: "+Error);
         return;}
        else if (TABMENU == 2){   
         insert_text('[tabmenue2=' + RAND + ']TAB 1###TAB 2###INHALT 1###INHALT 2' + '[/tabmenue2]');}
      else if (TABMENU == 3){
         insert_text('[tabmenue3=' + RAND + ']TAB 1###TAB 2###TAB 3###INHALT 1###INHALT 2###INHALT 3' + '[/tabmenue3]');}
      else if (TABMENU == 4){
         insert_text('[tabmenue4=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###INHALT 1###INHALT 2###INHALT 3###INHALT 4' + '[/tabmenue4]');}
      else if (TABMENU == 5){
         insert_text('[tabmenue5=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5' + '[/tabmenue5]');}   
      else if (TABMENU == 6){
         insert_text('[tabmenue6=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6' + '[/tabmenue6]');}   
      else if (TABMENU == 7){
         insert_text('[tabmenue7=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7' + '[/tabmenue7]');}   
      else if (TABMENU == 8){
         insert_text('[tabmenue8=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###TAB 8###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7###INHALT 8' + '[/tabmenue8]');}
      else if (TABMENU == 9){
         insert_text('[tabmenue9=' + RAND + ']TAB 1###TAB 2###TAB 3###TAB 4###TAB 5###TAB 6###TAB 7###TAB 8###TAB 9###INHALT 1###INHALT 2###INHALT 3###INHALT 4###INHALT 5###INHALT 6###INHALT 7###INHALT 8###INHALT 9' + '[/tabmenue9]');}
      else if (TABMENU > 9){
         Error = "Du hast eine Anzahl ueber 9 eingegeben";
         alert("Fehler: "+Error);
         return;}
            
      }
      else {   
         
         insert_text(bbopen + bbclose);         
         
      }
   }

      else {
         
         insert_text(bbopen + bbclose);
         
   }


- Zuletzt die Datei tabmenue.zip downloaden, ..

tabmenue.zip
(8.38 KiB) Downloaded 297 times

. .. entpacken und in euer Forum laden

- Alle Board- und Browsercaches leeren
User avatar
4seven
Administrator
 
Posts: 427
 
Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...
 
Joined:
Sun 13. Jan 2008, 23:44
 
Letzter Login:
Mon 1. Aug 2022, 16:40
 
Posted:
Sun 4. Oct 2009, 05:02 +1.00
Userzeit: Sa 12. Sep 2009, 17:43
Top
Topic locked

Return to [BBCode] for 3.0.x



Who is online

Users browsing this forum: No registered users and 1 guest

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Time : 0.021s | 19 Queries | GZIP : Off | Board-Version: 3.0.14
cron