[BBCode] Tabmenue

[4seven]

Tabmenue BBCode

• TAB 1
• TAB 2
• TAB 3

INHALT 1

INHALT 2

INHALT 3

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.

[4seven]

Anleitung

- Als erstes müssen 9 BBCodes erstellt werden

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)

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

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

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

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

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

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

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

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 346 times

. .. entpacken und in euer Forum laden

- Alle Board- und Browsercaches leeren