Ich habe auf zwei Seiten meines momentanen Projektes verschachtelte Tabs um ein Werkregister und entsprechendes Aufnahmeverzeichnis handlich zu strukturieren.
siehe http://kahn.8sf.de/werke.html und http://kahn.8sf.de/musik.html .
Das Dropdownmenü im Navbar enthält als Auswahl möglichkeit die übergeordneten horizontalen Tabs und ist entsprechend mit deren Originalen id's verlinkt also wenn z.B. Chormusik im zweiten horizontalen Tab zu finden ist, dann richtet sich der entsprechende Dropdownmenü-Link (file:///C:/Users/steff/Box%20Sync/working/werke.html#parentHorizontalTab2) auf den "#parentHorizontalTab2".
Dass das nicht verkehrt ist, erkennt man daran, dass es funktioniert, solange ich von einer anderen Seite aus diesen Tab ansteuere die "werke.html" mit genau dem zweiten Tab geöffnet geladen wird.
Aber....
Wenn ich bereits auf der Seite mit den Tabs selbst bin, gehen diese Seiteninternen 'Verweise aus dem Menü einfach überhaupt nicht.
Ich habe als Menülink beides versucht (kann man momentan auch live in den beiden Sprachversionen derselben Seite vergleichen):
a) ohne Aufruf der html seite also href="#... (= deutsche version http://kahn.8sf.de/werke.html)
<!-- Werke -->
<li class="dropdown s-header-v2__nav-item s-header-v2__dropdown-on-hover">
<a href="werke.html" class="dropdown-toggle s-header-v2__nav-link -is-active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Werke <span class="g-font-size-10--xs g-margin-l-5--xs ti-angle-down"></span></a>
<ul class="dropdown-menu s-header-v2__dropdown-menu">
<li><a href="#parentHorizontalTab1" class="s-header-v2__dropdown-menu-link"><font size="2">Lieder und Duette</font></a></li>
<li><a href="#parentHorizontalTab2" class="s-header-v2__dropdown-menu-link"><font size="2">Chorwerke</font></a></li>
<li><a href="#parentHorizontalTab3" class="s-header-v2__dropdown-menu-link"><font size="2">Kammermusik</font></a></li>
<li><a href="#parentHorizontalTab4" class="s-header-v2__dropdown-menu-link"><font size="2">Klaviermusik</font></a></li>
<li><a href="#parentHorizontalTab5" class="s-header-v2__dropdown-menu-link"><font size="2">Andere</font></a></li>
<li><a href="#parentHorizontalTab6" class="s-header-v2__dropdown-menu-link"><font size="2">Bearbeitungen</font></a></li>
</ul>
</li>
<!-- End Werke -->
Alles anzeigen
und mit Aufruf der html-Seite also also href="werke.html#... (englische Sprachversion http://kahn.8sf.de/en/werke.html )
<!-- Werke -->
<li class="dropdown s-header-v2__nav-item s-header-v2__dropdown-on-hover">
<a href="werke.html" class="dropdown-toggle s-header-v2__nav-link -is-active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Works <span class="g-font-size-10--xs g-margin-l-5--xs ti-angle-down"></span></a>
<ul class="dropdown-menu s-header-v2__dropdown-menu">
<li><a href="werke.html#parentHorizontalTab1" class="s-header-v2__dropdown-menu-link"><font size="2">Songs and Duets</font></a></li>
<li><a href="werke.html#parentHorizontalTab2" class="s-header-v2__dropdown-menu-link"><font size="2">Choirs</font></a></li>
<li><a href="werke.html#parentHorizontalTab3" class="s-header-v2__dropdown-menu-link"><font size="2">Chambermusic</font></a></li>
<li><a href="werke.html#parentHorizontalTab4" class="s-header-v2__dropdown-menu-link"><font size="2">Pianomusic</font></a></li>
<li><a href="werke.html#parentHorizontalTab5" class="s-header-v2__dropdown-menu-link"><font size="2">Other</font></a></li>
<li><a href="werke.html#parentHorizontalTab6" class="s-header-v2__dropdown-menu-link"><font size="2">Arrangements</font></a></li>
</ul>
</li>
<!-- End Werke -->
Alles anzeigen
geändert hat das aber nischt auf der selben Seite kriege ich die Tabs über das Dropdownmenü irgendwie nicht geöffnet. Man könnte einwenden: Wieso auch du kannst ja auch auf die Tabs selbst klicken. Ja schon, aber deshalb die Dropdown Menüs nur für die betreffenden Seiten jeweils abzubauen wirkt ungefähr so elegant wie eine Zahnlücke. Außerdem sind die Links des Dropdown-Menüs immer noch als Jump-to links eigentlich ganz wünschenswert.
Ich hoffe ich habe jetzt alles dabei für eine korrekte Problembeschreibung. Vielleicht hat ja hier noch jemand eine Idee, wie ich die Seiteninternen Links aufdie Tabs auch auf der selben Seite nutzen kann.
Dank schonmal, dass ich hier solche Fragen stellen kann.