[erledigt] Dropdownfeld > anderen Auswahl - anderes Bild

Webdesign & Technik HTML & CSS
1

Ist das möglich, dass wen man bei einem Dropdownfeld ein anderes Element anklickt, dass ein anderes Bild unter dem Feld angezeigt wird?

2

Moin,

Antwort: Ja. Sollte per JavaScript ohne Probleme möglich sein. Allerdings bin ich was JS angeht, nicht so bewandert bisher :wink: da muss dir wohl jemand anders helfen.

MfG
myPages

3

Ja.
Für Dropdown empfiehlt sich der event-handler “onchange”.

Wenn Du einen Link hättest, könnte ich mehr dazu sagen :wink:

4

So:
[attachment=0]dropdown1.png[/attachment]

5

HTML:

<form action="select.htm">
  <p>
    <select name="select" size="1" onchange="switch_preview(this.value)" id="select">
      <option value="1">Auswahl 1</option>
      <option value="2">Auswahl 2</option>
      <option value="3">Auswahl 3</option>
    </select>
  </p>
</form>
<img src="bild_1.jpg" alt="bla" id="preview" />

JavaScript:

function switch_preview(to_number) {
  var bild = "bild_" + to_number + ".jpg";
  document.getElementById("preview").src=bild;
}

Habe ich grad’ ziemlich “quick & dirty” (und vor allem: ungetestet) aus dem Ärmel geschüttelt - aber zumindest das Prinzip dürfte klar werden…

edit: müsste imo auch mit PHP realisierbar sein - aber dafür bräuchte ich etwas mehr Zeit :wink:
Vermutlich finden sich hier genügend Leute, die mehr von PHP verstehen als ich - vielleicht postet ja einer :smiley:

6

Danke ich werde es mal testen.

7

Mach das. Wenn’s klappt: bitte meine Signatur beachten :sunglasses:

8

Also ich hab jetzt noch etwas gefunden:

[quote]

...select Ich Du Er Sie Es Wir Ihr Sie sind Humankapital [/quote]

Mein Problem:
Wie kann ich zusätzlich einen Text unter das Bild einfügen?

9

Einfach ein div oder sonstigen Container mit id unter das Bild stellen und den Text per JS reinschreiben.

document.getElementById(‘bildtext’).innerHTML=‘Dein TExt zum Bild’;

10

OK, Danke