JavaScript - Spoiler mit Dropdown-Liste

Argha

Hallo,

momentan habe ich auf meiner Seite Spoiler mit JavaScript, wo man einen Text anklickt und ein Bild wird dann unter dem Text dargestellt. Ein erneuter Klick auf den Text schließt das Bild wieder, eben ein Spoiler
Nun sammelen sich aber viele Textspoiler und die Seite wird sehr lang, was dem Design nicht wirklich gut tut.

Nun meine Frage:
Kennt jemand ein Script, welches nach Auswahl eines Textes (in diesem Fall Namen) auf einer Dropdown-Liste ein Bild darunter anzeigt? Also jeder Name bekommt ein Bild und je nachdem welchen ich gerade auswähle erscheint das dazu passende Bild.

Danke schonmal und ich hoffe ihr versteht was ich meine

jojo87

Ist mit Frameworks wie JQuery in ein paar Zeilen gemacht.

Tobse

Wozu braucht man da jQuery?
@TS: Du brauchst das onchange-Event der <select>-Box, darunter nen div mit id und festem namen und ein assoziatives JavaScript Array mit den Bildpfaden - der rest gehört zu den Basics

jojo87

Zitat von Tobse

Wozu braucht man da jQuery?

Man "braucht" JQuery für überhaupt nix
Es geht nur schneller und mit weniger Produktivcode. Letztendlich wurscht

SinnlosS

Zitat von Tobse

Wozu braucht man da jQuery?

Ich für meinen Teil nutze JQuery weil ich keinen Bock habe mich tiefergehend mit reinem JavaScript zu beschäftigen. Ich find das Entwickeln mit JS einfach sehr nervig.

Unregistriert

So habe das jetzt hinbekommen.
Jeoch stehe ich wieder vor einem Problem bei folgendem Code:

das Bild soweit zeigt er korrekt an, doch wie kann ich es machen, dass wenn man auf das Bild klickt sich ein Link zu dem Profil öffnet? Muss ja je nach Auswahl anders sein, und ich bekomme das nicht gebacken dies in diese Zeile einzubauen, wenn dies überhaupt geht

Danke

Tobse

Zitat von Tobse

und ein assoziatives JavaScript Array mit den Bildpfaden

Und jetzt halt noch eins mit profillinks, is ja nich so schwer.

synaptic

wieso denn noch eins? das ganze kann man doch in einem array lösen bzw mit nem objektorientierten ansatz.

http://www.mediaevent.de/javascript/Jav…-Objekte-1.html

Tobse

Ich weiss ja nicht, wie gut der TS in JS ist, aber ist doch sch... egal, ob er jetzt 2 Arrays oder 1 Array mit Objekten und je 2 Werten macht.

synaptic

nö isses nich, dein beispiel is nich meins und deshalb schlechter

Tags