View Single Post
  #4 (permalink)  
Old 05-07-2008, 08:10 AM
Jordan's Avatar   
Jordan Jordan is online now
Administrator
 
Join Date: Nov 2005
Location: Hendersonville, NC
Age: 26
Posts: 5,869
Last Blog:
Performance or Maintai...
Rep Power: 20
Jordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud ofJordan has much to be proud of
Send a message via ICQ to Jordan Send a message via AIM to Jordan Send a message via MSN to Jordan
Default Re: Change image url with dropdown selection

Here is an easier way to do what you want:

HTML Code:

<script language="javascript">
<!--
function ShowPic()
{
    // Get the select values
    var design = document.proof.design.options[document.proof.design.selectedIndex].value; 
    var style = document.proof.style.options[document.proof.style.selectedIndex].value; 
    var finish = document.proof.finish.options[document.finish.design.selectedIndex].value; 
  
    // Create our Image
    var sImage = "http://forum.codecall.net/images/variable" + design + style + finish + ".jpg";

    // Assign the image
   document.ShowRoom.src = sImage;
}
// -->
</script>
<form name="proof">
  <select name="design"  onChange="ShowPic()">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  <select name="style" onChange="ShowPic()">
    <option value="a">Option a</option>
    <option value="b">Option b</option>
  </select>
  <select name="finish" onChange="ShowPic()">
    <option value="z">Option z</option>
    <option value="y">Option y</option>
  </select>
</form>
<img name="ShowRoom" src="http://forum.codecall.net/images/1az.jpg">
Please note that I did not test this....
__________________
CodeCall Blog | CodeCall Wiki | Shareware Site | Linux Forum | Write a Blog
Don't hesitate to ask any questions that you have! Check out our ASCII Calculator!
Reply With Quote