I have this website at http://betterfonts.com/ and keep getting javascript errors in IE. I can't understand why, and what's stranger is that they only appear in IE.

Anyone have any suggestions? Thanks a lot...

IE is evil, and trying to destroy your site. But don't think it's just you - Internet Explorer hates everyone.

Can you post the script that's breaking, here, so we can look at it?

I think this is the function that seem to confuse IE...:

62 function resizeit() {
63 var myWidth = 0, myHeight = 0;
64 if( typeof( window.innerWidth ) == 'number' ) {
65 //Non-IE
66 myHeight = window.innerHeight;
67 } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
68 //IE 6+ in 'standards compliant mode'
69 myHeight = document.documentElement.clientHeight;
70 } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
71 //IE 4 compatible
72 myHeight = document.body.clientHeight;
73 }
74document.getElementById('fontlist2').style.heigh t = myHeight-180+'px';
75document.getElementById('content').style.height = myHeight-170+'px';
76document.getElementById('preview').style.height = myHeight-270+'px';
77document.getElementById('overlay').style.height = myHeight+'px';
78}

I'm seeing the error in FF too actually I think the problem is line 76

document.getElementById('preview').style.height = myHeight-270+'px';

I think you call the id 'prev' in the html so they're not matching.

There's both a DIV with id 'preview' and IMG with id 'prev' (which is hidden at all times), so I don't think that would be the problem.. Thank you for the reply though.


<div id="preview" name="preview">
<div style="visibility: hidden"><img src="png3/acharmingfont.png" id="prev" name="prev" onload="document.getElementById('loader').style.vi sibility = 'hidden';document.getElementById('preview').style. backgroundImage = 'url('+this.src+')'" width="0" height="0" style="visibility: hidden"></div>

As stupid as this sounds, I don't think the problem is in your Javascript itself.

If you code your images so that they all have an absolute path, it seems to get rid of the error. e.g. <img src=http://www.betterfonts.com/your image here...put the quotes in too, silly thing won't let me.)

I'm also not sure why you're calling the resizeit function so often. Why not just call it on body load and resize?

The problem was the resizeit calls. I removed some of them and everything seems to be fine. The reason for having them was that the page would fit the screen even when loading - i guess i can live without that.

Thanks guys

Glad you got it all working Spin.

Likewise. Now don't let it happen again.