Hallo zusammen,
die Frage hat bestimmt schon einen langen Bart...aber ich komme als Anfänger einfach nicht weiter und finde auch keinen passenden Beitrag für mein Problem.
Ihr könnt mir mit Sicherheit weiterhelfen.
Ich erstelle zurzeit eine neue Homepage (noch nicht online) und komme mit folgendem Problem nicht weiter:
Ich möchte von der Startseite Hyperlinks (Spielberichte) auf eine andere Seite setzen und es soll jeweils der entsprechende Tab geöffnet werden.
Beispiel: Link "Spielbericht_25.01" öffnet Tab "25.01"
Ich habe folgende HTML-Codes:
Startseite:
Spielberichte auf einer anderen Seite:
Die Tabs werden per Script generiert: --und hier komme ich nicht weiter. Wie kann ich den jeweiligen Tab denn anspringen?
Was fehlt denn in diesem Script?
Vielen Dank für Eure Hilfe!!
die Frage hat bestimmt schon einen langen Bart...aber ich komme als Anfänger einfach nicht weiter und finde auch keinen passenden Beitrag für mein Problem.
Ihr könnt mir mit Sicherheit weiterhelfen.
Ich erstelle zurzeit eine neue Homepage (noch nicht online) und komme mit folgendem Problem nicht weiter:
Ich möchte von der Startseite Hyperlinks (Spielberichte) auf eine andere Seite setzen und es soll jeweils der entsprechende Tab geöffnet werden.
Beispiel: Link "Spielbericht_25.01" öffnet Tab "25.01"
Ich habe folgende HTML-Codes:
Startseite:
Code:
<div class="col span_3_of_12">
<aside class="trans02 matchheight">
<h1>Aktuelle Spiel<wbr/>berichte</h1>
<ul>
<li><a href="./spielberichte_rueckrunde_2017.html#25.1">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
<li><a href="#">Link1 </a></li>
</ul>
</aside>
</div>
</div>
Spielberichte auf einer anderen Seite:
Code:
<div class="col span_9_of_12">
<div id="tab-1" class="tabs" class="tabs-ul" class="tabs-li" title="17.1">
<h3>Spielbericht vom 17.01.2017</h3>
<p class="trans01">Text 1</p>
</div>
<div id="tab-2" class="tabs" class="tabs-ul" class="tabs-li" title="25.1">
<h3 >Spielbericht vom 25.01.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-3" class="tabs" class="tabs-ul" class="tabs-li" title="2.2">
<h3>Spielbericht vom 02.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-4" class="tabs" class="tabs-ul" class="tabs-li" title="13.2">
<h3>Spielbericht vom 13.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-5" class="tabs" class="tabs-ul" class="tabs-li" title="27.2">
<h3>Spielbericht vom 13.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-6" class="tabs" class="tabs-ul" class="tabs-li" title="3.3">
<h3>Spielbericht vom 13.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-7" class="tabs" class="tabs-ul" class="tabs-li" title="14.3">
<h3>Spielbericht vom 13.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-8" class="tabs" class="tabs-ul" class="tabs-li" title="19.3">
<h3>Spielbericht vom 13.02.2017</h3>
<p>Text 1</p>
</div>
<div id="tab-9" class="tabs" class="tabs-ul" class="tabs-li" title="17.3">
<h2>Spielbericht vom 13.02.2017</h2>
<p>Text 1</p>
</div>
<div id="tab-10" class="tabs" class="tabs-ul" class="tabs-li" title="4.4">
<h2>Spielbericht vom 13.02.2017</h2>
<p>Text 1</p>
</div>
Die Tabs werden per Script generiert: --und hier komme ich nicht weiter. Wie kann ich den jeweiligen Tab denn anspringen?
Was fehlt denn in diesem Script?
Javascript:
var makeTabs = {
init: function() {
var $pages = $("div.tabs");
if (!$pages.length) return;
$pages.addClass("dyn-tabs");
$pages.first().show();
var tabNavigation = $('<ul id="tabs" class="tabs-ul" />')
.insertBefore($pages.first());
$pages.each(function() {
var listElement = $('<li class="tabs-li"/>');
var label = $(this).attr("title") ?
$(this).attr("title") :
"Kein Label";
listElement.text(label);
tabNavigation.append(listElement);
});
var items = tabNavigation.find("li");
items.first().addClass("current");
items.click(function() {
items.removeClass("current");
$(this).addClass("current");
$pages.hide();
$pages.eq($(this).index()).fadeIn("slow");
});
}
};
$(document).ready(makeTabs.init);
Vielen Dank für Eure Hilfe!!