Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Dynamic Tabs aus Text und Überschriften
#1
Hallo Leute ich möchte gern mir ein Tab-Menü bauen.
Dafür wollte ich die Inhaltselemente aus einem Ordner auslesen.

Da das Bootstrap-Tab-Menu aus einem <ul><li> Teil und einem <div> Teil.

Wie kann ich für das <ul> Menü bspw. den href aus den untertitel oder Content-ID Numer und den Text aus dem Titel bilden?

Code:
<ul class="nav nav-tabs">
 <li class="active"><a data-toggle="tab" href="#{*subheader (bspw. eine fortlaufende Zahl)}">*header</a></li>
 <li><a data-toggle="tab" href="nächster">*header</a></li>
 <li><a data-toggle="tab" href="übernächster">*header</a></li>
</ul>
Code:
<div class="tab-content">
 <div id="*untertitel / Zahl" class="tab-pane fade in active">
   <h3>*header</h3>
   <p>*bodytext</p>
 </div>
...
</div>

Code:
Beispiel:

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#menu1">Termin 1</a></li>
</ul>

<div class="tab-content">
  <div id="menu1" class="tab-pane fade in active">
    <h3>*Termin 1</h3>
    <p>Ich bin der Text</p>
  </div>
 ...
</div>


Für Tipps bin ich dankbar  Confused
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste