Attribute image machine in IE11 and Safari not displaying

[alphabet]

My attribute image swatches display in Chrome and FF but not IE or Safari. (I'm using a bootstrap framework.)

In IE and Safari the swatches do not display and the price does not change on option change.

There are no console.log or validation errors.

I'm thinking it could be a cache or CORS issue.

I don't think it is a cookie issue because I've changed my preferences to accept all cookies but that did not succeed.

I have slightly customized the attibueMachine template but all the original elements are there.

Any idea where I could start to test a cache or CORS issue?

[hmendenhall]

Re: Attribute image machine in IE11 and Safari not displaying

My attribute image swatches display in Chrome and FF but not IE or Safari. (I'm using a bootstrap framework.)

In IE and Safari the swatches do not display and the price does not change on option change.

There are no console.log or validation errors.

I'm thinking it could be a cache or CORS issue.

I don't think it is a cookie issue because I've changed my preferences to accept all cookies but that did not succeed.

I have slightly customized the attibueMachine template but all the original elements are there.

Any idea where I could start to test a cache or CORS issue?

So I opened it in each browser and the only one not working for me is IE Safari works fine.
Try reverting back your attribute template and testing it in IE and Safari again.

[alphabet]

Re: Attribute image machine in IE11 and Safari not displaying

Thank you for looking into my issue.

Just so we are looking at the same page template here is a link:

http://www.alphabetsigns.com/signs/p/BB02401.html

Dan

[alphabet]

Re: Attribute image machine in IE11 and Safari not displaying

I am getting an AttributeMachine.js error in Safari dev tools:

clientside.mvc:67TypeError 'undefined' is not an object(evaluating 'forms[i].elements.[j].type.toLowerCase')

[alphabet]

Re: Attribute image machine in IE11 and Safari not displaying

The cache expiration date in IE11 is different than the cache expiration date in FF and Chrome and Safari on Mac.

Somehow the IE11 browser doesn't like how the clientside.mvc is sending it's server headers so is ignoring them. The Timestamp and IfModifiedSince are being ignored.

I tried putting max-age and expires directives in the htaccess but IE still ignores them.

I suspect that is the reason my attributeImageMachine is not working in IE.

How do I get IE11 to play nice with no-cache?

[Brennan]

Re: Attribute image machine in IE11 and Safari not displaying

Im not aware of any IE caching issues with IE 11, but I haven't used it much.

Clientside has a "cache busting" parameter which changes anytime the file changes to force the browsers to re-download it.

Perhaps there is something else going on? Can you show me a specific example of what you are seeing?

[alphabet]

Re: Attribute image machine in IE11 and Safari not displaying

I solved the problem. It had nothing to do with the cache or CORS, it was a DOM issue.

There was a fieldset tag that IE11 didn't like further up the DOM tree. The error manifested itself by throwing a javascript error at the end of the DOM branch.

Once I removed the fieldset tag everything worked. I tried to figure out why IE10 does't like the fieldset tag but couldn't come up with a reason. I tried adding and removing a legend tag. I tried changing the label tag. I tried changing the fieldset CSS style but nothing worked.

Anyway, for posterity, most of the time the solution can be found at the line error, but keep an open mind because sometimes the solution can be further up the DOM tree.