the images generated by a separate script are not showing up in internet explorer 9 while everything works fine in all other browsers, here is the code:
//lots and lots of script
if (document.getElementById('easy').checked){difficulty="easy";}
else if (document.getElementById('medium').checked){difficulty="medium";}
else if (document.getElementById('hard').checked){difficulty="hard";}
// lots and lots of other script
$(document).ready(function(){
$("#intgen").click(function(){
$("#diff").show("slow");
});
});
$(document).ready(function(){
$("input[type='radio']").click(function(){
$("#diff").hide("slow");
});
});
// end of script... i was told if I put the 'ready' functions at the end that IE9 would render it right.. i guess they were wrong
here's the section of HTML:
<button id="intgen">Intervals</button><br>
<div id="diff" style="width:220px; height:20px; display:none;">
<input type="radio" onclick="intvl()" id="easy"/><label>EASY</label>
<input type="radio" onclick="intvl()" id="medium"/><label>MEDIUM</label>
<input type="radio" onclick="intvl()" id="hard"/><label>HARD</label>
</div></center>
internet explorer needs to burn in |-|3||