Area51 @ 4seven.de

Tabmenue BBCode

Credit: 4seven / 2009

Demo: http://4seven.bplaced.net/forum/2/viewt ... t=287#p796

Screen:



[tabmenue3=1168998]TAB 1###TAB 2###TAB 3###INHALT 1###INHALT 2###INHALT 3[/tabmenue3]

Beim klick auf [tabmenue]* erscheint ein Wizzard, der nach der Anzahl der Tabs fragt (2-9 Tabs sind möglich (kann erweitert werden)).

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.

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_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

Dahinter füge ein

Code: Select all

<script type="text/javascript" src="{T_SUPER_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_SUPER_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, ..


. .. entpacken und in euer Forum laden

- Alle Board- und Browsercaches leeren

Anleitung für phpbb 3.2.*

Im Grunde dieselbe wie für 3.1.* mit den folgenen Unterschieden:

- Die editor.js befindet sich nun unter root/assets/javascript/editor.js

- Bei einem Child-Themes von prosilver mit overall_header.html müssen die Dateien in der zip dorthin kopiert werden
und ferner auch die dortige overall_header.html Datei editiert werden (statt der Original prosilver overall_header.html)

- Cache leeren (immer noch wichtig)