Loading ...Archive for March 25th, 2005
simple flip image javascript
March 25th, 2005
sometimes you want an image to change when you select a different option in a dropdown, i used to do it the hard way:
function flip() {
document.images.x.src="themes/x/"+ document.reg.thememem.options[document.reg.thememem.selectedIndex].value+".gif";
}
i had to write a new js function for every new dropdown i use. so i looked for an easier way and wrote something:
function flip(image_id, select_name) {
document.getElementById(image_id).src = select_name.options[select_name.selectedIndex].value
}
to use it, do something like:
<select name="myselect" onchange="flip('myImage', this)">
<option value="images/candle.gif">candle</option>
<option value="images/coin.gif">coin</option>
<option value="images/earth.gif">earth</option>
</select> <img id="myImage" src="images/balloons.gif">
obviously if you want to call it a second time, just pass a different image_id to it and make sure it matches the id attribute of your second img tag 
