Webstatt.org - Community seit 2006 - 2012 (2024?)

Reitermenü ohne Nachladen

user-150
23.05.2007 19:41

Servus, da ich für meine Trägerorganisation den Internetauftritt mit neugestalten soll habe ich eine Frage. Wie schaffe ich es, dass ich ein Reitermenü ohne Nachladen zur Verfügung stelle.

Also z.B. die einzelnen Bereiche im Profil (Allgemeine Einstellungen, Signatur, Passwort,...) werden alle am Anfang geladen und je nachdem welchen Reiter ich auswähle werden die zutreffenden Punkte angezeigt.

Ist das überhaupt mit CSS realisierbar oder ist JS besser?

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
Avatar user-118
23.05.2007 20:35

Also ich würde sagen nur mit CSS ist es nicht möglich. Da du ja keine Anfrage an den Server schickst und CSS selber keine Scriptssprache ist, die etwas auswerten kann wirst du auf Javascript zurückgreifen müssen.

Du setzt einfach alle Divs, die die Reiterinhalte enthalten auf display:none; und das aktive auf Display:block; Per Javascript wertest du dann einen geklickten Reiter aus, setzt den aktiven Reiterdiv auf display:none; und den Div des neu angeklickten Reiters auf Display:block;

mfg Alex

Ich brauche keine Signatur
user-203
23.05.2007 20:36

Also zunächst würde ich die einzelnen Reiter in <fieldset>-Tags zusammenfassen.
Der erste Reiter wird erstmal nicht besonders behandelt, der Rest bekommt das CSS-Attribut display:none

Und dann würde ich mit JS beim Klick auf einen Link jeweils den gewünschten Reiter anzeigen lassen und den Rest ausblenden.


// edit: zu langsam lächeln

Denkt dran, Kinder auf dem Rücksitz verursachen Unfälle, Unfälle auf dem Rücksitz verursachen Kinder.
Avatar user-162
23.05.2007 22:24

wobei es würde auch mit CSS alleine gehen, also gesamten Inhalt laden alle bis auf den aktiven Reiter mit display:none verstecken und mittels :hover und absolut/relativ positionierten Inhalten die anderen verstecken...

Wie wäre es wenn du dein Teil mit Ajax nachlädst, dann hast du eine kürzere Ladezeit...

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-124
24.05.2007 01:21

würde in dem Fall eher die erste Variante wählen:

1) Beides benötigt JS
2) Ajax ist "wackeliger", immerhin gibt es m.W. Browser, die es nicht unterstützen
3) Für Ajax brauchst du extra Seiten / Skripte, die du auslesen kannst, hast also mehr Seiten zu verwalten und zu aktualisieren
4) Da es sich um Reiter handelt, gehe ich davon aus, dass nicht allzu große Mengen Conten darin sind, so gesehen werden nur ein paar KB mehr HTML geladen, die selbst mit ISDN in ein paar Sekunden rüber sind.


munta

brb

user-150
24.05.2007 10:27

Ja hab ich schon fast befürchtet. Leider hab ich kein Plan von JS. Hat jemand zufällig ein Tutorial oder so? Oder würde mir das Konzept kurz erklären?

€ hat sich erledigt lächeln

danke

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia