bei select box option item angewählt, ein bild ändern ?

[Fred12]

hi,
ich möchte in einer Option select box mit mehreren optionen
wenn ich eine Option auswähle, dass sich das dazugehörige bild dazu ändert,
also beispiel:

[spoiler]

  
<tr><td>Neigung des Solarpanels</td>  
<td><form name="test"><select name="Solarpanel" size="1">  
<option name="0">0</option>  
<option name="1" >5</option>  
<option name="2">10</option>  
<option name="3">15</option>  
<option name="4">20</option>  
<option name="5">25</option>  
<option name="6">30</option>  
<option name="7">35</option>  
<option name="8">40</option>  
<option name="9">45</option>  
<option name="10">50</option>  
<option name="11">55</option>  
<option name="12">60</option>  
<option name="13">70</option>  
<option name="14">80</option>  
<option name="15">90</option>  
</select></form>  
</td>  
<td>Grad</td>  
<td><img src="http://www.energiewelt.de/web/cms/proxy?r=7QlLI4AuDYZmdHJO3yclbWsciT54YHNTeJLrcGzFZmmXtiJrSW1QJTjXBqU4HJjE1nvsFfpi9ag7vtqnMZuVWTDyjuPAMUzRXBgrUPVnvUtSCfaOltgfju%2BuTTCEN3B6yzCdoK4SpMrckysfxD9zfSzOAWllONnUYtLZsciKgRM%3D" TITLE="Neben der Südausrichtung ist auch die Neigung der PV-Module entscheidend. Optimal sind hier 30°. Die Dachneigung können Sie aus ihrer Bauzeichnung entnehmen." />  
</td>  
<tr>
~~~[/spoiler]  
  
also wenn ich neigung solarpanel 60° anwähle soll sich das bild zu 60° SOlarpanel ändern... ich hab zu jeder option dazu ein eigenes Bild...  
wie kann ich machen dass sich die Bilder alle auf der GLEICHEN Position auf der Webseite ändert? also bild 1 wird dann durch bild 2 ersetzt bei optionsauswahl usw...

[Fred12]

Gibt's hier eigentlich keine Edit Funktion oder Sowas?

[Der Martin]

Hallo,

Gibt's hier eigentlich keine Edit Funktion oder Sowas?

nein, warum? Wurde schon öfter diskutiert, aber aufgrund der Widersprüche und der Inkonsistenz, die ein nachträgliches Editieren verursachen kann, hat man davon bisher abgesehen.

Wenn du etwas korrigieren oder ergänzen möchtest, setz einfach ein Folgeposting unter das bisherige.

So long,
 Martin

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

Wenn du etwas korrigieren oder ergänzen möchtest, setz einfach ein Folgeposting unter das bisherige.

Mach ich.

Qapla'

[Der Martin]

Hallo Gunnar,

Wenn du etwas korrigieren oder ergänzen möchtest, setz einfach ein Folgeposting unter das bisherige.
Mach ich.

*grübel*

Was will mir das jetzt sagen? Was korrigierst oder ergänzt du damit?

So long,
 Martin

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

Wenn du etwas korrigieren oder ergänzen möchtest, setz einfach ein Folgeposting unter das bisherige.
Mach ich.

*grübel*

Was will mir das jetzt sagen?

*grübel*

Muss ich* das einem Stammleser hier erklären?

Qapla'

* Ingunnarid

[Der Martin]

Hallo,

Wenn du etwas korrigieren oder ergänzen möchtest, setz einfach ein Folgeposting unter das bisherige.
Mach ich.
*grübel*
Was will mir das jetzt sagen?
*grübel*
Muss ich* das einem Stammleser hier erklären?

ja, wäre angebracht.

* Ingunnarid

Ach, das meinst du, danke. Davon war ich gedanklich meilenweit entfernt. Ich suchte nach der Korrektur an *meinem* Posting.

Ciao,
 Martin

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

Ach, das meinst du, danke. Davon war ich gedanklich meilenweit entfernt. Ich suchte nach der Korrektur an *meinem* Posting.

Ah, du hast die Änderung des Themenbereiches übersehen.

Qapla'

[Der Martin]

Hi,

Ach, das meinst du, danke. Davon war ich gedanklich meilenweit entfernt. Ich suchte nach der Korrektur an *meinem* Posting.
Ah, du hast die Änderung des Themenbereiches übersehen.

nein, die ist mir wohl aufgefallen.
Ich dachte mir, du wolltest irgendwas an meiner Aussage kritisieren, was dir "wieder einmal" auffiel - hätte ja dank meiner Starrköpfigkeit in einigen Bereichen durchaus sein können.

Schwamm drüber,
 Martin

[Wlan]

Gibt's hier eigentlich keine Edit Funktion oder Sowas?

Nein - gleich richtig schreiben oder zu seinen Rechtschreibfehlern stehen.
BTW: sowas wird so was geschrieben oder gleich richtig so etwas :D

lg

[Fred12]

ja danke für den Hinweis ;)
hat vielleicht auch jemand paar Tipps für mein eigentliches Problem??

[Wlan]

ja danke für den Hinweis ;)
hat vielleicht auch jemand paar Tipps für mein eigentliches Problem??

ja, ich würde das mit onChange(js) versuchen.

So in etwa:

  
<html>  
 <head>  
  <title>Untitled</title>  
   <script type="text/javascript">  
   <!--  
    function bild_wechsel(select)  
    {  
     document.getElementById("bild").src =        select.options[select.options.selectedIndex].value;  
  
     return true;  
    }  
  
   // -->  
 <script>  
</head>  
<body>  
 <form action="test.html" method="post" name="testform">  
  <img src=" test.jpg" height="200" width="250" id="bild"><br>  
   <select name="testseite" onchange="bild_wechsel(this)">  
   <!--  
   Für test kannst du direkt deine Imagenamen eintragen sollte dann auch    funktionieren.  
   // -->  
   <option value="test.jpg">Panel 1</option>  
   <option value="test2.jpg">Panel 2</option>  
   <option value="test3.jpg">Panel 3</option>  
   </select>  
  </form>  
 </body>  
</html>

lg

[Fred12]

ja danke für den Hinweis ;)
hat vielleicht auch jemand paar Tipps für mein eigentliches Problem??

ja, ich würde das mit onChange(js) versuchen.

So in etwa:

<html>
<head>
  <title>Untitled</title>
   <script type="text/javascript">
   <!--
    function bild_wechsel(select)
    {
     document.getElementById("bild").src =        select.options[select.options.selectedIndex].value;

return true;
    }

// -->
<script>
</head>
<body>
<form action="test.html" method="post" name="testform">
  <img src=" test.jpg" height="200" width="250" id="bild"><br>
   <select name="testseite" onchange="bild_wechsel(this)">
   <!--
   Für test kannst du direkt deine Imagenamen eintragen sollte dann auch    funktionieren.
   // -->
   <option value="test.jpg">Panel 1</option>
   <option value="test2.jpg">Panel 2</option>
   <option value="test3.jpg">Panel 3</option>
   </select>
  </form>
</body>
</html>

>   
>   
> lg  
>   
  
  
danke, kannst du kurz erläutern wie das funktioniert? 

[Wlan]

danke, kannst du kurz erläutern wie das funktioniert?

<form action="deine Seite">
Muss die Seite sein die Aufgerufen werden soll.

Wenn du mehr Bilder einfügen möchtest ->

<option value="Bildername">Text</option>
Bilder müssen sich im selben Verzeichnis befinden.

onChange ruft Funktion "bild_wechsel" auf diese ist selbsterklärend.
<http://de.selfhtml.org/javascript/sprache/eventhandler.htm@title=Hier etwas JS>

Zu JS gibt es auch tausend Bücher, eins solltest du dir vielleicht mal kaufen so als Nachschlagewerk ;)

Damit der Script läuft musst du ihn nur in deinen Code einfügen und die test-Platzhalter abändern praktisch statt test dein Bildname und Seitennamen.

lg

[Fred12]

danke, kannst du kurz erläutern wie das funktioniert?
<form action="deine Seite">
Muss die Seite sein die Aufgerufen werden soll.

Wenn du mehr Bilder einfügen möchtest ->

<option value="Bildername">Text</option>
Bilder müssen sich im selben Verzeichnis befinden.

onChange ruft Funktion "bild_wechsel" auf diese ist selbsterklärend.
<http://de.selfhtml.org/javascript/sprache/eventhandler.htm@title=Hier etwas JS>

Zu JS gibt es auch tausend Bücher, eins solltest du dir vielleicht mal kaufen so als Nachschlagewerk ;)

Damit der Script läuft musst du ihn nur in deinen Code einfügen und die test-Platzhalter abändern praktisch statt test dein Bildname und Seitennamen.

lg

danke für die Info, werds mal probieren!

[Fred12]

danke, kannst du kurz erläutern wie das funktioniert?
<form action="deine Seite">
Muss die Seite sein die Aufgerufen werden soll.

Wenn du mehr Bilder einfügen möchtest ->

<option value="Bildername">Text</option>
Bilder müssen sich im selben Verzeichnis befinden.

onChange ruft Funktion "bild_wechsel" auf diese ist selbsterklärend.
<http://de.selfhtml.org/javascript/sprache/eventhandler.htm@title=Hier etwas JS>

Zu JS gibt es auch tausend Bücher, eins solltest du dir vielleicht mal kaufen so als Nachschlagewerk ;)

Damit der Script läuft musst du ihn nur in deinen Code einfügen und die test-Platzhalter abändern praktisch statt test dein Bildname und Seitennamen.

lg

ähm hab doch noch eine Frage... wo geb ich die source an für meine Bilder die angezeigt werden sollen?