Reiter Navigation
0 
rfb
0
Reiter Navigation
Hallo Forum
ich hab in den Archiven schon gestöbert - komme jedoch nicht auf einen grünen Zweig...
Ich habe da eine schöne Tab-Navigation, welche dynamisch aus einer DB erzeugt wird und als CSS-formatierte Liste ausgegeben wird:
<ul>
<li><a href="index.php?tid=1>Blah</a></li>
<li><a href="index.php?tid=2>Blih</a></li>
<li>...etc.</li>
</ul>
Via CSS wird auch hübsch 'gehovert' und alles sieht ganz toll aus. Bisher habe ich tunlichst vermieden, Javascript einzusetzen, aber offenbar gehts jetzt nicht mehr ohne, denn der jeweils geklickte Reiter soll dauerhaft eine CSS-Klasse zugewiesen bekommen (Statusanzeige), jedenfalls so lange, bis der nächste Reiter geklickt wurde.
Ich versuche nun krampfhaft, eine Funktion via onclick: this.style zu realisieren... mein Posting hier beweist, dass ich es nicht hinkriege.
Danke im Voraus für Hilfe und Denkanstösse...
-
-
Das geht auch ohne Javascript:
Ich nehme an, die Formatierung für den jeweils aktiven
Tab soll immer gleich sein:
Weise dem body-Tag eine CSS-ID je nach Deiner $tid zu,
etwa so:
<body id="tid<?=$tid?>">
Jedem Listeneintrag weist Du eine CSS-Klasse mit dem
gleichen Namen wie die Body-ID zu:<li class="tid1"><a href="index.php?tid=1>Blah</a></li>
<li class="tid1"><a href="index.php?tid=2>Blih</a></li>Im CSS-File kannst Du die Formatierung für den aktiven Tab so zuweisen:
#tid1 .tid1,#tid2 .tid2{
/* Hier die Formatierung*/}