Hallo,

ich habe zu der Problematik der CSS Tabs hier ein tolles Beispiel bzw. Vorlage gefunden.

Das Problem, ich weiß nicht, wie das genau funktioniert. Wo ist das hinterlegt, wo er den ersten Text herholt und so weiter ...

Irgendwie versteh ich das nicht. Vielleicht kann jemand von Euch mir das mal Schritt für Schritt erklären.

Das Prinzip habe ich schon verstanden, nur verstehe ich wie gesagt nicht, wo und wie er sich die Inhalte herholt.

Das ist nicht CSS sondern JavaScript.

Hallo tzi,

danke für die schnelle Antwort.

Und woran erkennst du das?

Wenn du zufällig Firebug installiert hast, kannst du den Code mit Firebug anschauen. Da siehst du, dass die Text-Inhalte der Tabs alle im HTML-Dokument liegen, die meisten aber nur per <display:none> ausgeblendet sind. Lediglich der aktive Tab wird mit <display:block> eingeblendet.

Ebenso werden die Tab-Reiter im Stil geändert, wenn man darauf klickt.

Diese Änderung (CSS-Werte bei Klick ändern) geht so nur mit einem kleinen JavaScript-Script

Na ja... es ist eigentlich fast immer Beides:

- CSS beinhaltet die Formatierung
- JavaScript nimmt die Ereignisse (Klicks) auf und blendet entsprechend Bereiche ein und aus.

Ein ganz gutes Beispiel, das die relevanten Bestandteile zeigt, gibt es hier: http://www.elated.com/articles/javascript-tabs/

So, ich habe mein Problem jetzt mit PHP erschlagen

Ich wollte einfach kein JS und/oder iFrame verwenden

Und was ist der Grund, weshalb du dir die ganze Last auf den Server legst und für den Anwender durch die ständigen Reloads ein elend langsames Surf-Erlebnis bietest?

Geht alles auch allein mit CSS. Dazu braucht's kein JavaScript.

+1

Siehe meine Antwort zuvor: Tabs allein mit HTML und CSS. Das geht wunderbar. Anleitungen und Beispiele im Netz dazu gibt's zur Genüge.

Nebenbei bemerkt: auch die Tabs im Firefox-Browser sind im Wesentlichen mit CSS realisiert.

Zwei Fragen.

1. Wie kommst du auf "ständige Reloads"?

2. Wie kommst du auf "langsames Surferlebnis"?

Ich habe die entsprechende PHP-Seite auf verschiedenen Computern getestet und läuft relativ überall gleich schnell.