Multiple Image + Dropdown

@TheblackadderDec 12.2005

I’d like to use a dropdownmenu on my site, that shows different pictures (on the same page) depending the choice. So basicly it should be a combination of these 2 tutorials: ~~[URL=http://www.htmlgoodies.com/beyond/javascript/article.php/3470881]~~this one[/URL] and ~~[URL=http://www.htmlgoodies.com/beyond/javascript/stips/article.php/3471751]~~this one[/URL]

Anyone here who knows how to do this? (and is willing to tell me ? )

to post a comment

JavaScript

@CrazyMerlinDec 13.2005 — #do you already have an image on your page to start with?

@konithomimoDec 13.2005 — #

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;script type="text/javascript"&gt;
 function update(what) 
 {
 selected = what.mySelect.selectedIndex;
 values = what.mySelect.options[selected].value;
 document.getElementById('myimage').src = values;
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;select name="mySelect" onChange="update(this.form)"&gt;
 &lt;option value="default.jpg"&gt;Choose an Image
 &lt;option value="image1.jpg"&gt;Image 1
 &lt;option value="image2.jpg"&gt;Image 2
 &lt;option value="image3.jpg"&gt;Image 3
 &lt;/select&gt;
 &lt;img id="myimage" src="default.jpg"&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@TheblackadderauthorDec 23.2005 — #thanks

wouldn't work at first, but all i needed to do was add <form > </form >

@konithomimoDec 23.2005 — #yeah, sorry about that. I user this.form but forgot to put the select inside of a form.

Multiple Image + Dropdown

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Multiple Image + Dropdown

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴