[HTML] Anchors en tabbladen

[Punkrocker]

Ik wil vanaf pagina 1 rechtstreeks linken naar diverse items die staan op pagina 2.

Hiervoor wil ik dus Anchor-tags gebruiken. <a href”/pagina2.html#item1”> met op pagina2 <a name=”item1”>.

Probleem is dat op pagina2 de verschillende items waarnaar gelinkt moet worden op verschillende tabbladen staan en als ik naar een item link op tabblad 3 toch steeds pagina2 opent op de eerste tab.

De tabbladen zijn als volgt gemaakt:

code:

<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc1', this)"><font size="2" face="Verdana">Tabblad 1</font></a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" theme="#FFFFE0"><font size="2" face="Verdana"> Tabblad 2</font></a></li>
<li><a href="#" onClick="return expandcontent('sc3', this)" theme="#E0FFFF"><font size="2" face="Verdana"> Tabblad 3</font></a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" theme="#FFDAB9"><font size="2" face="Verdana"> Tabblad 4</font></a></li>
<li><a href="#" onClick="return expandcontent('sc5', this)" theme="#98FB98"><font size="2" face="Verdana"> Tabblad 5</font></a></li>
<li><a href="#" onClick="return expandcontent('sc6', this)" theme="#98FB98"><font size="2" face="Verdana"> Tabblad 6</font></a></li>
<li><a href="#" onClick="return expandcontent('sc7', this)" theme="#E0FFFF"><font size="2" face="Verdana"> Tabblad 7</font></a></li>
</ul>
 
<DIV id="tabcontentcontainer">
 
    <div id="sc1" class="tabcontent" style="width: 400; height: 22">
    <B>TAB 1</B>   
    </div>

    <div id="sc2" class="tabcontent" style="width: 400; height: 22">
    <B>TAB 2</B>   
    </div>

Enz.

Hoe kan ik pagina2 openen met tab 3 of 4?

[bartbh]

Tabbladen als in jQuery-tool-achtige tabbladen? Dan zul je moeten zorgen dat je gebruik maakt van een jQuery tabs plugin welke ondersteuning biedt om de juiste tab te openen aan de hand van de meegestuurde anchor.

Volgens mij kan dat met jQuery Tools in ieder geval, maar er zullen vast nog anderen zijn die dat ondersteunen.

edit: zie dit voorbeeld: http://jquerytools.org/demos/tabs/anchors.html#second

[ Voor 11% gewijzigd door bartbh op 16-08-2012 13:23 ]

[OkkE]

Ik zou het allemaal iets anders opbouwen maar in de basis is een oplossing bij onDomReady checken of er een hash in de URL voorkomt en wanneer dat het geval is, aan de hand daar van het element met dat ID op zichtbaar zetten (zoals nu ook onClick via expandcontent() gebeurd).

[Punkrocker]

Bedankt voor de tips!