DIVs komplett tauschen

[littlejoerg]

guten morgen ihr lieben!

Ich hab folgendes problem: auf meiner page gibt es eine div mit Spielergebnissen, die je nach Knopfdruck drei
komplett verschiedene inhalte (also auch andere Hintergrund usw.) anzeigen soll! Die jeweiligen Knöpfe sind dadrüber. Welche lösung soll ich nun am
besten für den austausch per knopf holen, die möglichst in allen browsern funktioniert und gute performance hat (kein JS-Script mit 150 KB). bin etwas ratlos momentan. Die ebenen muss ich doch generell mit z-index überlagern
oder nicht? oder gibt es kleine, reduzierte (2-3 KB) js-Schnipsel für sowas?

danke für jeden tipp - wie macht ihr das so? wäre für jede hilfe sehr sehr dankbar!

grüße
Jörg

[the0bone]

Moin,
ich würde es mit jquery machen. Wenn du es über google einbindest, liegt es auch schon bestimmt im cache und wird nicht neu geladen.
Auch sonst, hat es nur 24kb. Und das merkt man nicht mal über GSM auf dem iPhone, was aktuell die langsamste Übertragung sein sollte.

Oder pur CSS.
http://www.cssplay.co.uk/menus/mini-pages-v2.html
http://www.cssplay.co.uk/menu/one_page.html
oder auf deutsch http://bueltge.de/tab-interface-ohne-javascript/563/


Wobei ich die jquery Lösung vorziehen würde. Und damit du auch zusätzlich grösse sparst, den Inhalt der jeweiligen Tabs auch nur laden, wenn er aufgerufen wird.