Re: dropdown box image swap: firefox vs. IE7...grrr
great, thanks for those links, they were extremely helpful in understanding it a bit more. hmm still trying to completely grasp this though, been doing a bunch of trial and error but still no luck :-/ i don't think i totally understand it yet. what i dont think im understanding now at this point is not the breakdown of the logistical operators but how it's compiling the information...like how in: bottom1.style.display=this.value=='foil'?'none':''; how does bottom1 div get the option value for the respective DIV and figure out it's not "foil" when it's not part of that DIV and it's in the option dropdown instead? and isn't if it IS equal to foil, it goes to 'none' meaning the value is none or the display is none? and if it's not equal to 'foil' it goes to blank, aka '' gah so confusing for me. here's the code below with my divs before the form if that helps at all?.... <div class="mid"> <div id="bottom1"> <img src="customizer-img/parts/default-bottom.gif" /> </div> <div id="bottom2" style="display:none;"> <img src="customizer-img/parts/foil-sealed.gif" /> </div> <div id="bottom3" style="display:none;"> <img src="customizer-img/parts/beads.gif" /> </div> <div id="bottom4" style="display:none;"> <img src="customizer-img/parts/dropper-tip.gif" /> </div> </div> <div class="form"> <form action=""> <select name="bottom-end" class="custom" onchange="var bottom1=document.getElementById('bottom1'), bottom2 = document.getElementById('bottom2'), bottom3 = document.getElementById('bottom3'), bottom4 = document.getElementById('bottom4'); bottom1.style.display=this.value=='foil'?'none':''; bottom2.style.display=this.value=='foil'?'':'none'; "> <option value="type" selected="selected">Bottom End Type</option> <option value="default">Default</option> <option value="foil">Foil Sealed</option> <option value="beads">Beads</option> <option value="droppertip">Dropper Tip</option> </select> </form> </div>