Tab Navigation

[selle1]

Hallo,

hab mich schon etwas umgesehen was Tabs/Reiter angeht und folgendes gemacht:

<ul class="tabs">
<li class="active"><a href="#">Seite1</a>
</li>
<li><a href="#">Seite2</a></li>
<li><a href="#">Seite3</a></li>
</ul>

Nun soll noch jeweils bei den Tabs Inhalt rein, nur wie, sprich ein Div das angezeigt wird, wenn der jeweilige "Button" gedrückt wird. Jemand einen Tipp?

 

[Maik]

Hi,

vielleicht helfen dir hier Stu Nicholls' Beispiele weiter:

• http://www.cssplay.co.uk/menus/mini_tabbed_pages.html
• http://www.cssplay.co.uk/menus/mini-pages-v2.html

Wenn's aber per Klick auf die Links ablaufen soll, bist du mit seiner JS-Lösung besser bedient, was die Browserkompatibilität betrifft, denn viele Browser würden den geöffneten Tab umgehend schliessen, sobald die gedrückte Maustaste losgelassen wird:

• http://www.stunicholls.com/menu/mini-tabbed-pages.html

mfg Maik

 

[Maik]

Hab in meinen Bookmarks noch ein weiteres Beispiel ausgegraben, dass ebenfalls auf JS basiert, wenn es dir um das Öffnen der Tabs per Mausklick geht:

• Tabtastic

mfg Maik

 

[selle1]

Hallo Maik,

der letzte Link ist schon das richtige. Versuch das mal und melde mich Danke.

 

[selle1]

Das ist auch super, dank Dir

 

[Maik]

Zwei weitere interessante Links sind mir soeben über den Weg gelaufen, falls du dich nach weiteren Alternativen umschauen möchtest

• 50+ Nice Clean CSS Tab-Based Navigation Scripts
• 26 Best ways to implement AJAX, CSS and Javascript based Tabs

Ich muß mal in meinen Bookmarks für (neue) Ordnung sorgen, und sie irgendwie re-struktruieren - ich wette, dass sich da noch weitere Links zu dem Thema tümmeln

mfg Maik

 

[selle1]

WOW,

da sind echt ein paar schicke dabei. OK, alles von vorn weil die besser aussehen THX

 

[Maik]

Na dann mal viel Spaß beim Stöbern

Du weißt ja, wer die Wahl hat, hat die Qual ;-)

mfg Maik

 

[Maik]

Ich denke, dass dein Thema damit im Javascript-Forum besser aufgehoben ist, und bring es dort mal für's Erste unter

mfg Maik