[RESOLVED] internet explorer issues with $(document).ready

[thewebiphyer]

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|_|_

[DanInMA]

those 2 document ready block have nothing to do with images being out anywhere, and the code you have shown doesn't even have images in it anywhere.

- also your second block of code basically says if you click on any radio box inside of this div, hide this div... was that intentional?

[thewebiphyer]

yes it was intentional... I have, however figured out a way around the glitch i was faceing.. I had a script generating random images based on different file paths and although all the files in each path existed, none of them were showing up... I debugged and found that the file paths were being read, but the files at those locations were just not showing up and this was only after I put in the jQuery snippet at the end of the script. anyways.. i figured a way around it.