Internet Explorer 8 JS errors

svetoslavm
svetoslavm used Ask the Experts™
on
I am trying to figure out what is breaking this client's site under Internet Explorer 8.
The home page uses Scriptaculous+Prototype & jQuery + cycle plugin.

http://test.webweb.ca/ie8/

Any ideas?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
If you on IE8 developer toolbar, you will get details... for all JavaScript errors.
clicking on the particular error link, you will be navigated to error line.
Michel PlungjanIT Expert
Top Expert 2009
Commented:
Just press f12 and click scripts to see the console
Eddie ShipmanAll-around developer
Commented:
First off, the page at the link you showed uses an iframe to display a page on another domain. Some of the JS code on the other page is not correct, for example, in main.js:
j = jQuery.noConflict();

jQuery(document).ready(function() {
    timer1 = window.setTimeout('ws_install_jquery_handlers()', 2000);
});

Open in new window


Should be :
j = jQuery.noConflict();

j(document).ready(function() {
    timer1 = window.setTimeout('ws_install_jquery_handlers()', 2000);
});

Open in new window

although I am not sure if it would get rid of that particular error.

The same applies to home.js
jQuery(document).ready(function() {
jQuery('.ws_mod_lang_lang_switcher').removeClass('ws_mod_lang_lang_switcher').appendTo('#lang_dropdown_custom');
	jQuery('.ws_mod_lang_custom').show();
});

Open in new window


prtotype is notorious for having problems with IE8 in the later versions (version 1.7 is what the page are using).
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Eddie ShipmanAll-around developer

Commented:
BTW, I am not sure if you have access to that code due to the iframe but if you don't, there's nothing you can do to change it.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
I see in IE8

IE8

and Fx complains about

Error: downloadable font: rejected by sanitizer (font-family: "HelveticaNeueLTPro65Medium" style:normal weight:normal stretch:normal src index:1)
source: http://yourclientdomain.com.mymodo.com/themes_priv/yourclientdomain_custom/fonts/helveticaneueltpro-md-webfont.woff
Source File: http://yourclientdomain.com.mymodo.com/themes_priv/yourclientdomain_custom/css/main.css
Line: 0
Source Code:
@font-face {   font-family: "HelveticaNeueLTPro65Medium";   font-style: normal;   font-weight: normal;   src: url("../fonts/helveticaneueltpro-md-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneueltpro-md-webfont.woff") format("woff"), url("../fonts/helveticaneueltpro-md-webfont.ttf") format("truetype"), url("../fonts/helveticaneueltpro-md-webfont.svg#HelveticaNeueLTPro65Medium") format("svg"); }

Author

Commented:
Thank you all. I will check and get back to you ASAP.

Author

Commented:
I've requested that this question be deleted for the following reason:

no solution
Eddie ShipmanAll-around developer

Commented:
I object...
How can you say there was no solution? You did not give us any feedback on any of our suggestions or questions.

Author

Commented:
Hi again,

here is the feedback:
j(document) and jQuery(document) both work because with the noConflict I haven't removed the jQuery from the DOM.

I removed the prototype libraries and found another jquery plugins to mimic the scriptaculous functionality so the errors are gone.

Now, there is a problem (with IE8) with the top left and bottom right corners, any ideas?

http://test.webweb.ca/ie8/

IE8 image corners problem
All-around developer
Commented:
Looks like a PNG transparency problem to me, try adding this:
http://jquery.andreaseberhard.de/pngFix/index.html

Author

Commented:
Hi Eddie,

I've added the jquery pngFix but still no change.
Eddie ShipmanAll-around developer

Commented:
Then it may have something to do with the PNG itself.
Eddie ShipmanAll-around developer

Commented:
I no longer see it in my copy of IE8, but I did see a transparency remnant in the attached image. It may be related to your opacity on the <p> tag.

transparency remnant

Author

Commented:
Thanks Eddie for pointing me in the right direction.
It seems there was a png fix js script but wasn't the latest version.
looks good now.

Author

Commented:
great discussion.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial