nicht angemeldet
Hallo,
ich möchte gerne Infos (Text&Bilder) per Click öffnen und schließen, ohne dass ein Popupfenster o.ä. aufgeht (siehe Beispiel: http://www.westhoff.de/service/maschinenboerse/Kaffeemaschinen.html#anchor-4497.
Wie mache ich das? Wäre für Hilfe sehr dankbar.
Hallo!
Wie Beat schon sagt: Die Lösung ist nicht optimal, weil das Abschalten von Javascript den Effekt zerstört. Ob das im Sinne des Seitenbetreibers ist ...? Aber gut; neben den Hinweisen zu init und (guten) OnOff-Funktionen hier folgender Tip:
Als erstes versucht man der Seite ihr "Geheimnis" zu entlocken, in dem man sich den Seiten-Quelltext anschaut. Das ist dann nicht weiterführend, wenn dieser dynamisch erzeugt wird. In diesem Fall erhalten wir aber nachdem -> Cursor auf die Seite -> rechte Maustaste -> Quelltext anzeigen -> einen guten Blick auf das HowTo:
Vor dem <head></head> steht das tag <script>...</script>. In diesem befinden sich eine ganze Reihe von Funktionen. Unter anderem als erstes die Funktion "aufzu". Da also steht, was getan werden soll und wie.
Innerhalb des Quelltextes sind Abschnitte der Seite mit einer eindeutigen id gekennzeichnet, so dass über das document Objekt der Abschnitt eindeutig gefunden werden kann.
Innerhalb des <body>...</body> finden wir dann z.B.:
<div id="a-4311"><a href="#anchor-4311" onclick='aufzu("4311","seton");'>Informationen einblenden</a></div>
Das entscheidende Teil ist dann, über einen EventHandler ( in diesem Fall onclick ) die Funktion "aufzu" aufzurufen, an die die beiden Parameter ("4311","seton") übergeben werden.
Was ist zu tun, um solche Lösungen selbst zu erstellen? Man muss ein klitzekleines bisschen sich mit javascript aus einander setzen. Beim Ausprobieren nicht die Nerven verlieren, weil am Anfang Schreibfehler das größte Problem darstellen.
Also: javascript -> dom -> document
javascript -> EventHandler
CSS -> Boxmodel + div
Sofern Du bei Null anfängst, wird das schon ein, zwei Stündchen dauern ... ;-)
Gruß, Bernhard