Suche Javascript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
auswahl
beitrag
bestaunen
bild
eins
element
jemand
kenntnis
lauter namen
nummer
situation
skript
sprache
stehen
test
vorteil
-
Hi!
Situation ist folgende:
Ich habe ein <select>-Element. Dadrin stehen lauter Namen. Ich hab ein Javascript-Array wo zu jedem Namen auch noch eine Bild-URL zugeordnet ist.
Ich brauche ein Javascript, das beim Anklicken eines Namens im <select>-Element untendrunter das Bild, das dazugehört, anzeigt. Technisch müsste es möglich sein oder?
Bitte helft mir!
Thx im vorraus für die Antworten
MfG -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
öhm...
Ich könnte dir jetzt schnell die Lösung runtercoden, aber weil du so viel doppelpostest kriegst du nur ein paar Hinweise:
http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onchange
http://de.selfhtml.org/javascript/objekte/options.htm#selected_index
http://de.selfhtml.org/selfhtml/javascript/objekte/images.htm#src
-
Sorry dass ich grade so gedrängt hab, aber ich kann kein bischen Javascript und das Projekt muss morgen fertigwerden. Ich möchte dich also inständig bitten mir die Lösung zu erklären.
Beitrag geändert: 20.10.2007 20:08:11 von scrawl24 -
hab mich jetzt mal in ein tut eingelesen und es mal versucht:
<html> <body> <form name="Testform" action="main.php" method="post"> <select name="Auswahl" onchange="show_image(cards[document.Testform.Auswahl.selectedIndex])"> <option>Nummer Eins</option> <option>Nummer Zwei</option> </select> </form> <script type="text/javascript"> var cards=new Array(); </script> <script type="text/javascript"> cards[0] = "circ.jpg"; </script> <script type="text/javascript"> cards[1] = "tristram.jpg"; </script> </script> <script type="text/javascript"> function show_image (url) { document.write("<img src='"+url+"'>"); } </script> </body> </html>
Oder auch zu bestaunen hier: http://scrawl24.lima-city.de/test.html
Hab aber noch ein Problem: Wenn man ein Element auswählt, wird zwar das Bild angezeigt aber die Auswahl verschwindet (Was sie nicht tun soll). Also das Bild soll unter der Auswahl angezeigt werden.
Helft mir bitte ich muss heute fertigwerden mit dem Projekt!!
Beitrag geändert: 21.10.2007 11:39:29 von scrawl24 -
Ok habs jetzt hat sich erledigt :)
falls jemanden die lösung interessiert:
<html> <body> <form name="Testform" action="main.php" method="post"> <select name="Auswahl" onchange="show_image(cards[document.Testform.Auswahl.selectedIndex])"> <option>Nummer Eins</option> <option>Nummer Zwei</option> </select> </form> <script type="text/javascript"> var cards=new Array(); </script> <script type="text/javascript"> cards[0] = "circ.jpg"; </script> <script type="text/javascript"> cards[1] = "tristram.jpg"; </script> </script> <script type="text/javascript"> function show_image (url) { document.getElementById("image").src = url; } </script> <img id="image"> </body> </html>
http://scrawl24.lima-city.de/test.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage