CODEWITHSUNDEEP
javascriptjquerycssdebugginginternet-explorer-7
Ben
Ben

Reputation: 16590

Big IE7 JS bug as well as CSS issue

I'm experiencing some IE7 nightmares. The page in question works perfectly well in chrome, FF, and IE8. In FF, the console show zero errors.

In IE7, though, all hell breaks loose. I can't tell from the builtin IE7 debugger what the issue is. I've tried removing huge swaths of JS to no avail.

As far as the CSS goes, I corrected it about a week ago and it was all working. I made some recent changes and it really broke in such a massive way that I'm having a tough time figuring out where to start.

Any help, especially with the js, would be massively appreciated.

EDIT: SOLVED

Apparently, IE7 is strict with Object syntax. I had an instance like this:

{'test':true, 'game':false, }.

Apparently that ending comma makes IE 7 expect another key value pair.

Upvotes: 0

Views: 303

Answers (1)

Blender
Blender

Reputation: 298106

A quick look yields these blocks:

var contentString2=
'<div class="overlay_data">' +

    '<img src="http://nabshack.com/media/original_photos/apt-img5.jpg"/>'

        +
    '<div class="overlay_details">'+

        '<span class="neighborhood">0BR, Brooklyn Heights </span>' +
        '<span class="price">RENT: $500/month </span>' +
        '<span class="price">DAYS POSTED: 15 </span>' +
    '</div>'
'</div>' ;

You've got a syntax error after the second-to-last </div>.

I'd suggest either breaking it up into chunks, or going one-liner:

var contentString2= '<div class="overlay_data"><img src="http://nabshack.com/media/original_photos/apt-img5.jpg"/><div class="overlay_details"><span class="neighborhood">0BR, Brooklyn Heights </span><span class="price">RENT: $500/month </span><span class="price">DAYS POSTED: 15 </span></div></div>';

As I don't have IE installed, can you post some screenshots of the hell? It would make debugging a tad bit easier.

Upvotes: 1

Related Questions