Problem with my JavaScript AJAX request in IE8

Question

I have a products range on this site

http://vanquish.websitewelcome.com/~hawko/hawko-lighting/led/ using jQuery

In Firefox / Safari, clicking view will allow you to see more details on the product on the right. This includes a gallery (if > 1 images), a download specs sheet if one is available and view more details.

The JavaScript works like this

Get preliminary info from list (disable JavaScript to see what I mean)
Get id from HTML attribute id. Uses regex.
Get JSON from server (extra images, spec sheet filename)
Show info to user

For some reason, my old friend IE (8 & 7 are my concerns) don't get past the throbber spinning indefinitely. I've tried quite a bit - but I am as a lost as to why. I coded this JavaScript about 6 months ago - so it's not exactly fresh in my mind (or probably up to scratch to what I may be writing nowadays).

What am I doing wrong?

Christian C. Salvadó · Accepted Answer · 2010-02-08 04:51:15Z

1

IE is complaining because you are setting the background-image CSS property without the proper 'url("...")' format (known as URI values), in your showGallery function (script.js, line 172) put:

$('#product-gallery').css({
  backgroundImage: 'url("' + imagePath + 'thumb-' + images[0] + '")'
});

Instead of :

$('#product-gallery').css({backgroundImage: imagePath + 'thumb-' + images[0]});

answered Feb 8, 2010 at 4:51

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

alex Over a year ago

Wow, I would have never thought of that. Thanks a bunch!

Collectives™ on Stack Overflow

Problem with my JavaScript AJAX request in IE8

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related