select onclick bild laden

[Forumsgast]

Hallo
ich hab nen select feld

<select name="chassis">
 <option name="chassis_1.jpg">Normal</option>
 <option name="chassis_2.jpg">Medium</option>
</select>

weiter unten hab ich ne tabelle wo ich gerne ein bild drin hätte wenn man eins der chassis anklickt!
wie mach ich nen javascript load mir dann das chassis bild unten in die tabelle läd?

gruss

platzier unten nen bild mit nem spacer-gif. verpass dem img-tag ne id.
dann machste im select-tag nen onchange und setzt getElementById() und
src und dann sollte es das gewesen sein. klar? gut!

[Forumsgast]

Bahnhof?
hab kein plan von javascript. brauch das aber dringend

und?

sorry aber kein plan ham und dann jammern geht halt mal überhaupt nich.

http://www.quirksmode.org/js/select.html
http://de.selfhtml.org/javascript/ob..._element_by_id

wenn das nich reicht, bezahl jemand dafür oder lass es.

[Forumsgast]

ok habs jetzt versucht.. stunden lang
ergebniss FEHLER

<script type="text/javascript">
<!--
 function bild(welches) 
 {
 document.getElementByID("bild_chassis").src = welches;
 }

//-->
</script>

[img]logo.gif[/img]</img>
bild_1

bild_2


funktioniert aber leider nicht, warum?

Wenn schon, dann so:

function bild(welches) 
 { 
 document.getElementByID("bild").src = welches; 
 }

welches sollte denn bild_chassis sein?

Andre

[Forumsgast]

ok das hab ich auch geändert jedoch kommt immernoch ein fehler

der ziel des scriptes soll es sein das ich links eine liste mit bildern hab.
wenn ich auf eins dieser bilder klicke soll das bild in der mitte auf das wechseln das ich angeklickt hab. nur eben in der mitte

Willkommen im Club, ich versuche schon einen ganzen Monat etwas hinzukriegen...

Einen Tastatur musste dran glauben.

Diese verdammten bilder kriegt man nicht per klick geändert, und anschließend wieder zurück. - (datt is jetzt mein Problem, was ich grad beschreibe)

android51:

Ich glaube du meinst das: (jetzt könnt ihr aber raten, wer von uns es richtig gepostet hat)

function bild(welches) 
 { 
 document.getElementByID(welches).src = "welches.gif"; //jetzt zb.
 }

weil wenn du das zuerst mit "welches" machst und danach es nicht mehr benutzt, dann kannst du es auch gleich auslassen.

und anschließend braucht man nur noch die funktion zu starten(dann braucht man nicht für jeden einzelnen Fall so zu bearbeiten):

 <irgendwas onclick="bild('IdVonEtwas')" >

<dasetwas blabla="haha" name="IdVonEtwas" id="IdVonEtwas" />

</irgendwas>

Ich glaube das geht sooo nicht, da GetElementByID(), ja zwar auch für ID`s da ist gibt aber, wie ich denke mehr Fehler bei Browsern, die ganz zufällig mit N anfangen...

Ich hab es auch mit document.images*blabla * versucht geht alles nicht

Nur funktionieren manchmal die if-anweisungen, also:

if (document.images, oder halt mit getEbyID == "blabla.gif"){
...
}

Das da oben, sollte true ausgeben, wenn die aller erste Image blabla.gif heisst. - (is also klar, was ich meine... nur wenn man ne andere ID angibt....)

oh, sry, ich hab da zuerst etwas übersehen...

ich kam hierschon grade an... mit (welches) usw...

[EDIT: Hast du`s schon mal mit nem rollover script versucht? - nur halt mit onclick?]

[Nochmal EDIT: - benutzt du zufällig nestcape? - könnte ja sein, denn in euren Codes kommt ja kein "Name" vor...]

Nee, ich mein... is aber ungetestet:

function bild(welches) {
    document.getElementByID("bild").src = welches;
} 
...
[img]logo.gif[/img]
<select name="chassis" onChange="bild(this.options[this.selectedIndex].value);"> 
 <option value="chassis_1.jpg">Normal</option> 
 <option value="chassis_2.jpg">Medium</option> 
</select>

option name="..:" macht irgendwie kein Sinn... value gehört da rein.

Mussu nochma testen.

Andre

[Forumsgast]

Leute, warum macht ihr euch eigentlich das Leben so schwer?

<script type="text/javascript">
<!--
function changeImg(imgName,imgSrc) { 
  document.images[imgName].src = imgSrc; 
}
//--> 
</script>
[img]spacer.gif[/img] 
<select name="chassis" onChange="changeImg('bild',this.options[this.selectedIndex].value);"> 
 <option value="chassis_1.jpg">Normal</option> 
 <option value="chassis_2.jpg">Medium</option> 
</select>

Damit gehts auch mit nicht DOM-fähigen Browser.

[edit]
soll natürlich nicht id="bild", sondern name="bild" heissen.