JavaScript - Ie Runtime Error On Simple Js Code

So...

I'm using an AJAX query to replace the innerHTML for an element. On the "front end" of the site, this method works fine in IE7/8... For some reason - in the administrative back end - not so much. I'm not sure why.

I get an "Unknown runtime error" in IE7/8 - though works fine in Chrome/FireFox...

I'm posting the HTML for the page I'm having problems with and also the HTML that is being returned by the AJAX query.

I'm beating my head against a wall here. Any help would be great! :-)

I've attached the HTML for the page in question...

AJAX query returns:

Code:

  <form name="domains" id="domains">
           <table border="1" cellpadding="0" cellspacing="0" width="500" id="domain_table">
            
           <tr style="font-weight: bold; font-size: 14px; text-align: center; height: 25px; background: #214232; color: #fff; "><td>Practice Area</td><td>City</td><td>Excellent Keyword Domain Name</td><td>Select</td></tr><tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>               <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Bankruptcy</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchorageBankruptcyAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_37" value="37-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
                              <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Criminal</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchorageCriminalAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_38" value="38-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
                              <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Divorce</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchorageDivorceAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_39" value="39-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
                              <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Dui</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchorageDuiAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_40" value="40-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
                              <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Personal Injury</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchoragePersonalInjuryAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_41" value="41-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
                              <tr bgcolor="#d6e3bc"><td align="left" colspan="4"><b>Trial</b></td></tr>
                              <tr bgcolor="#d6e3bc"><td>&nbsp;</td><td align="left">Anchorage</td><td align="left">AnchorageTrialAttorney.net</td><td align="center"><input type="checkbox" name="seldomains[]" id="domain_42" value="42-1" /></td></tr>
                              <tr style="background: #fff;"><td colspan="4">&nbsp;</td></tr>
               </table>
               <table border='0' width='500'>
                    <tr><td align='right'><input type=button onClick='addToProduct();' value='Update Product' /></td></tr>
               </table></form>

I get "Microsoft JScript runtime error: '$' is undefined" with the javascript below. How should I troubleshoot this?

<script type="text/javascript" language="javascript">
function ShowPopup() {
$('#mask').show();
$('#<%=pnlpopup.ClientID %>').show();
}
function HidePopup() {
$('#mask').hide();
$('#<%=pnlpopup.ClientID %>').hide();
}
$(".btnClose").live('click', function () {
HidePopup();
});
</script>

Hi,
I've written a small script for a website, and strangely enough (or maybe not) it works in Firefox and Chrome but not IE.
I'd read about block level inside inline causing this but i'm still not entirely sure. Here is the offending script:

Code:

function changeImage(image) {
 if (image == 6) {
  var vid = document.createElement('object');
  vid.width = "700";
  vid.height = "370";
  vid.id = "photo";
  vid.innerHTML = '<param name="movie" value="http://www.youtube-nocookie.com/v/g4cpDgGlFng&hl=en_US&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/g4cpDgGlFng&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="700" height="370"></embed>';
  document.getElementById("body").replaceChild(vid, document.getElementById("photo"));
 } else {
  var img = document.createElement('img');
  var old = document.getElementById("photo")
  img.width = "700";
  img.height = "370";
  img.id = "photo";
  img.alt = "Photo of Gippsland Lakehous";
  img.src = "images/photos/" + image + ".jpg";
  document.getElementById("body").replaceChild(img, old);
 }

The offending line is the long innerHTML one. I'm sure this must be a very hacky way of doing things (incidentally the thing is replacing an image with another image or video depending on what is clicked), but I rarely code at all, so don't know any better

Thanks!

(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance

Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however
____________________________________________________
Error: slideMenus[i].getElementsByTagName("ul").style is undefined

Line: 63
------------------------------------------------------------------

the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing.










window.onload = makeMenus

var currentSlide = null
var timeID = null
leftPos = 0

function makeMenus(){
var slideMenus = new Array()
var allElems = document.getElementsByTagName("*")
var slideListArr = new Array()

for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
slideMenus[i].onclick = showSlide;
Code:

slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";

}
document.getElementById("head").onClick = closeSlide
document.getElementById("main").onClick = closeSlide
}

function showSlide(){
var slideList = this.getElementsByTagName("ul")[0] // mess with this
if((currentSlide != null) && (currentSlide.id == slideList.id))
{closeSlide()}

else{
closeSlide();
var currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval('moveSlide()', 1);
}
}

function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left = "0px"
currentSlide.style.display = "none";
var currentSlide = null
}
}

function moveSlide(){
var leftPos = leftPos + 5;
if(leftPos <= 220)
{currentSlide.style.left = leftPos + "px"}
else{
clearInterval(timeID);
var leftPos = 0}
}