I'm tearing my hair out on this. I have a page that loads and displays perfectly in Safari and FF, but in IE7 I get the following even though it loads and works fine. I get the little "done with errors" in the bottom left of the browser and when I click on it, it says:
Line: 1643
Char: 5
Error: exception thrown and not caught
Code:0
URL: this is where it put the page url
This is merely a test page to figure out why an error is thrown. The weirdest thing is that if I remove the stylesheet links, I'm fine. Or if I remove the javascript, I'm fine. But when I have both in there, it throws the error.
There is no line 1643, even considering the generated source code. The script is below, if this helps (I removed everything in the body to eliminate it as a potential problem):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>G-TECH Professional Strength Product Line</title>
<link rel="stylesheet" type="text/css" href="../style/Main.css" media="screen" /> <!-- general site css -->
<link rel="stylesheet" type="text/css" href="../style/product-matrix.css" media="screen" /> <!-- matrix specific css -->
<cfparam name="URL.interest" default="">
<link rel="stylesheet" type="text/css" href="../style/product-matrix_<cfoutput>#URL.interest#</cfoutput>.css" media="screen" /> <!-- visitor specific css -->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="../style/ie.css" media="screen" />
<![endif]-->
<!-- begin collapsing div scripts --------------------------------------------------------------------------->
<script type="text/javascript" src="../js-global/jquery-1.3.js"></script>
<script type="text/javascript" src="../js-global/animatedcollapse.js"></script>
<script type="text/javascript">
<!-- no fade is 0, fade is 1, speed=1000 is 1 second, open on load is 0, closed is 1, persist between sessions is 1, no persist is 0 -->
animatedcollapse.addDiv('red', 'fade=1,speed=800,persist=1') /* all products */
animatedcollapse.addDiv('blue', 'fade=1,speed=800,persist=1') /* video products */
animatedcollapse.addDiv('green', 'fade=1,speed=800,persist=1') /* audio products */
animatedcollapse.addDiv('yellow', 'fade=1,speed=800,persist=1') /* general storage products */
animatedcollapse.addDiv('purple', 'fade=1,speed=800,persist=1') /* photography storage products */
animatedcollapse.init()
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- end collapsing div scripts -->
</head>
