Navigator mit JavaScript (hide/show)
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
beispiel
display
erg
ergebnis
gucken
hauptpunkt
hilfe
klasse
melde
naturwissenschaft
navigator
nichtanzeige
none
platzen
platzhalter
punkten
tag
unterpunkt
vielen dank
-
Hallo.
Ich will f?r meine HP einen tag/navigator">Navigator machen, bei dem man alle Hauptpunkte sieht, die Unterpunkte aber noch nicht. Wenn man dann auf einen Hauptpunkt klickt, sollen die Unterpunkte von diesem Punkt sichtbar werden, alle anderen Unterpunkte sollen verschwinden.
Das habe ich soweit schon geschafft:
http://jannis.milten.lima-city.de/navi.html
Das Problem dabei ist, dass die Unterpunkt "platz wegnehmen", auch wenn sie nicht sichtbar sind.
Ich erinnere mich, hier mal so was gesehen zu haben, konnte es aber nicht mehr finden.
Gibt es eine andere M?glichkeit, ausser den <div> - tags?
Vielen Dank schonma f?r eure Hilfe! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kannst mal auf meiner Seite dir den Quellcode angucken. Habe so etwas ?hnliches als Linkliste angelegt. M?sstest du nur noch etwas umschreiben f?r deine bed?rfnisse. Ist JS.
Link: http://econline.gotdns.com/btanetwork/800x600/divers_linkliste.php?linklst=naturwissenschaft&menu=bta
Melde dich bitte erst als Gast ein und klick nochmal auf diesen Link. -
Joa, is ganz gut.
Jez muss ich das noch kapieren und ?ndern.
Vielen Dank!
Wenn noch jemand ne Idee hat (mit weniger Code), einfach weiterposten ^^ -
guck sonst mal hier das is n?mlich klasse:
http://www.gazingus.org/html/menuExpandable.html -
Ich hab' die L?sung!
statt "visibility:hidden" nimmt man einfach "display:none" und "display:inline"
Ergebnis:
http://jannis.milten.lima-city.de/navi2.html
Vielen Dank an alle, die geholfen haben!
*EDIT*: Hab' in dem Beispiel noch erg?nzt, dass die Sub-Punkte wieder verschwinden, wenn man nomma auf den Link (Hauptpunkt) klickt.
*thema von mir aus close* -
Bevor ich close erg?nze ich noch kurz etwas.
visibility ist die Anzeige bzw. Nichtanzeige mit Platzhalter
display ist die Anzeige bzw. Nichtanzeige ohne Platzhalter
Hier sind die Erkl?rungen von SelfHTML, vor allem die Beispiele machen das gut deutlich:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#visibility
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display
Und nun:
[ closed ]
H2O -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage