Solved

Internet Explorer 8 JS errors

Posted on 2012-03-29
15
711 Views
Last Modified: 2013-11-19
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?
0
Comment
Question by:svetoslavm
  • 6
  • 6
  • 2
  • +1
15 Comments
 
LVL 22

Assisted Solution

by:Mrunal
Mrunal earned 125 total points
ID: 37786530
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.
0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 125 total points
ID: 37786619
Just press f12 and click scripts to see the console
0
 
LVL 26

Assisted Solution

by:EddieShipman
EddieShipman earned 250 total points
ID: 37786700
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).
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 26

Expert Comment

by:EddieShipman
ID: 37786703
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.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 37786757
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"); }
0
 

Author Comment

by:svetoslavm
ID: 37788126
Thank you all. I will check and get back to you ASAP.
0
 

Author Comment

by:svetoslavm
ID: 37806914
I've requested that this question be deleted for the following reason:

no solution
0
 
LVL 26

Expert Comment

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

Author Comment

by:svetoslavm
ID: 37807102
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
0
 
LVL 26

Accepted Solution

by:
EddieShipman earned 250 total points
ID: 37807298
Looks like a PNG transparency problem to me, try adding this:
http://jquery.andreaseberhard.de/pngFix/index.html
0
 

Author Comment

by:svetoslavm
ID: 37807344
Hi Eddie,

I've added the jquery pngFix but still no change.
0
 
LVL 26

Expert Comment

by:EddieShipman
ID: 37807650
Then it may have something to do with the PNG itself.
0
 
LVL 26

Expert Comment

by:EddieShipman
ID: 37807672
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
0
 

Author Comment

by:svetoslavm
ID: 37808721
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.
0
 

Author Closing Comment

by:svetoslavm
ID: 37808730
great discussion.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question