[Plugin: EasyRotator for WordPress – Slider Builder] Easy Rotator showing error in IE

Hi @winowill,

Thanks for using EasyRotator for WordPress, and I’m sorry you’re experiencing trouble. There are a number of issues in the page (unrelated to the rotator) that are causing problem.

First, there are some JavaScript errors: https://img.skitch.com/20120717-ein6pr2h1u65a8ubdcx7yqm78y.png . You can view these in the Error Console in Firefox or the JavaScript Console in Chrome.

When I first loaded your page, the CSS failed to load as well (the page was completely unstyled).

Finally, I notice a number of validation errors that relate to structural issues in the page: https://validator.w3.org/check?uri=http%3A%2F%2Fwww.industrialmaintenanceplatforms.com%2Fhomepage&charset=%28detect+automatically%29&doctype=Inline&group=0 . These can cause problems in any browser, but especially IE. You’ll want to address those.

I also notice that all of the code in the page appears to have been split up (e.g. lines in the middle of tags), but that shouldn’t make a difference.

Please post back if you have any further trouble after addressing all of these issues.

Sincerely,
Drew O’Neill

Drew

The site was created by wordpress, it is a template, and before I added the easy rotator it opened and worked fine in IE. I just recently decided to make changes, but the site as is without the rotator has been working for over a year. Not to mention over 600,000 people use it, and just add things to the body, which is what Im doing here.
Does easy rotator ever have problems opening in IE?

Thanks

Oh and one more thing, the error that pops up when I try to load the page in IE, actually says “easy rotator” on it.

Hi @winowill,

I just looked a little more closely at the validation report and the page code and identified the specific issue. It appears that you’re currently wrapping the rotator <div> in an <a> anchor tag. For example, just before the first rotator:

<a href="https://www.industrialmaintenanceplatforms.com/category/aviationspecialty/" rel="nofollow"><div
class="easyRotatorWrapper" align="center">  ...

This is not valid (X)HTML and can cause browser irregularities, especially since there are additional <a> tags within the rotator itself (resulting in nested anchors).

Since you have these links set to nofollow anyway, I recommend that you change the link to a <div> wrapper with an onclick listener:

<div style="cursor: pointer;" onclick="window.location = 'https://www.industrialmaintenanceplatforms.com/category/aviationspecialty/';">
 ... rotator code here ...
</div>

Sincerely,
Drew O’Neill

Just to follow up on your second post (I didn’t see it until I had already posted) —

EasyRotator detects when the rotator code cannot be parsed properly to find the content and the layout HTML. Because IE is more finicky about handling structural errors, when EasyRotator queries to select the DOM elements in your page, IE says back (to paraphrase ??

“I can’t find anything! Something’s wrong!”

The EasyRotator js file can’t detect for sure what the source of the problem is, so it offers to redirect to that help page to assist you in identifying the error.

Sincerely,
Drew O’Neill

I just took the easy rotator off and put it back to the original page. Clear your cache and you can see it now… and it runs fine.

Obviously easy rotator is having an issue with it though, so is there a way to tell easy rotator all is fine, and to not put up that error?

https://www.industrialmaintenanceplatforms.com

Ah I just noticed your last post too, let me look into that and see if it works.

Okay I replaced the a reference with onclick, and the site looks the same. The error came up again a couple times, but didnt the last try. The easy rotator does not appear at all and the box height for each button is tripled.

Curious, there was a little button next to the address bar that looks like a broken link box. I clicked on it and it said something about Compatibility view… Which after I pressed it the easy rotator loaded..

Does this help point us in the right direction as to the problem.

Hi,

There’s still a problem with the Elevating Man Lifts section. Here’s the problematic line:

<h4 style="text-align: center;"><span style="color: #2c3e80;"><strong><a href="https://www.industrialmaintenanceplatforms.com/category/elevating-man-lifts/'>Elevating Man Lifts</a></strong></span></h4>

You have a single quote at the end of the href attribute on the anchor tag, which is breaking that tag; the problem then cascades through the rest of that table cell.

When you press the Compatibility button in IE, it provides laxer parsing rules; but that also introduces other problems and so it should be avoided. It’s important to locate and fix all of these kinds of small errors in the page, as they can cause unpredictable behavior in all browsers.

Sincerely,
Drew O’Neill

Drew,

Yes! I fixed the error and it seems to be fixing the problem. Thank you. Do you have a donate link? I appreciate your assistance.

Shannon

Hi Shannon,

I’m happy to help!

If you’re interested in the Pro features (marked with “Pro” in the editor), you can learn more about purchasing an EasyRotator Pro site license here. If you haven’t yet rated the plugin, we always appreciate that too!

Sincerely
Drew O’Neill