dropdown box image swap: firefox vs. IE7...grrr
Hello, hoping someone can help me out with this! I'm doing a basic image swap from a simple text dropdown box. You select the specified text from the dropdown box and it swaps out the image with another image corresponding to that text. I have this working well in Firefox, no problems at all. But when I test it in IE7, nothing happens (of course, right?)... any ideas? Makes me sad
Now I'm not sure if this is the most effecient way of building this but it's how a beginner like me put it together....basic onmousedown functions within the form. ...does IE not read these because they're placed within a form? I have no clue! help!
Anyway, here's my code:
<div class="form">
<form action="">
<select name="extend" class="custom">
<option value="not-extended" selected="selected" onmousedown="if(document.getElementById('extend2').style.display == 'none'){ document.getElementById('extend2').style.display = 'block'; document.getElementById('extend').style.display = 'none'; } ">not extended</option>
<option value="extended" onmousedown="if(document.getElementById('extend').style.display == 'none'){ document.getElementById('extend').style.display = 'block'; document.getElementById('extend2').style.display = 'none'; } ">Extended</option>
</select>
</form>
</div>
and here's a scrap link that gives you an idea of what im trying to do....
http://208.179.155.80/customizer.html
(look at the snap-valve type/extended option - the rest dont do anything yet, only that one should be functioning)