jquery-colorbox iframe missing in IE9 but ok in Firefox & Chrome

  • hipstershaun

    (@hipstershaun)


    12 years, 7 months ago

    I have a Google maps iframe in the colorbox that shows up fine in Firefox & Chrome but is missing the map in IE9. The “view larger map link” appears just fine, just the map is missing. The iframe code was generated by Google maps.

    The url is http://carlsontaxconsulting.com/contact-us/

    The code is:

    <div style="display: none;">
<div id="map">
<iframe src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=510+Oak+Street,+Roseville,+Ca+95678&aq=&sll=37.0625,-95.677068&sspn=56.506174,78.925781&vpsrc=0&ie=UTF8&hq=&hnear=510+Oak+St,+Roseville,+Placer,+California+95678&ll=38.746118,-121.285887&spn=0.032132,0.054932&z=14&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="640" height="480"></iframe>
<small><a style="color: #0000ff; text-align: left;" href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=510+Oak+Street,+Roseville,+Ca+95678&aq=&sll=37.0625,-95.677068&sspn=56.506174,78.925781&vpsrc=0&ie=UTF8&hq=&hnear=510+Oak+St,+Roseville,+Placer,+California+95678&ll=38.746118,-121.285887&spn=0.032132,0.054932&z=14">View Larger Map</a></small>
</div>
</div>

    Any help in solving this would be great.

    http://wordpress.org/extend/plugins/jquery-colorbox/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor techotronic

    (@techotronic)

    12 years, 6 months ago

    Hi,
    unfortunately I can’t help you since I am not using Windows.

    Does the iframe work in IE9 when embedded directly in a web page? Or is it only broken in the colorbox?
    Cheers,
    Arne

    NCompass

    (@ncompass)

    12 years, 2 months ago

    Same problem… but working in IE9, just not in IE8 or IE7…

    I looked at your website – how did you fix this?

    Thread Starter hipstershaun

    (@hipstershaun)

    12 years, 2 months ago

    ncompass,

    To be honest, I don’t know what fixed it. I continued doing some minor tweaking after posting this issue but none of it targeting this issue. At some point I realized the problem was gone & forgot to come back mention it here. I suspect it probably worked it’s self out as a result of adding/removing other plugins. So, if you haven’t done so yet, try deactivating your other plugins one at a time to see if any one of them is affecting this one at all. You may want to clear cache in between to be absolutely thorough.

    If your site is live posting a link will aid others in helping you find a solution.

    When you do figure it out please come back and post.

    Good luck!

    NCompass

    (@ncompass)

    12 years, 2 months ago

    Thank and your advice is much appreciated – I found the conflict… Contact Form 7 – when this plug in is deactivated it all works properly.

    Now how to sort this out??? I know it almost certainly something to do with JQuery versions. I will carry on invesitgating, but it is definitely Contact Form 7 that causes this.

    Plugin Contributor techotronic

    (@techotronic)

    12 years, 2 months ago

    I just tested this with an Internet Explorer 8 in a VM and the contents of the “map” iframe wouldn’t load regardless of the activated plugins.

    Other pages I linked worked fine, though. It’s got to have something to do with the page that is loaded in the iframe…

    Cheers,
    Arne

    NCompass

    (@ncompass)

    12 years, 1 month ago

    Does it work if you right click and reload the Frame (in IE) and also does it work in FireFox etc…

    Plugin Contributor techotronic

    (@techotronic)

    12 years, 1 month ago

    FireFox and Chrome load the map in the Colorbox just fine, just IE won’t do it.
    All other arbitrary pages I configured loaded in IE, though.

    Cheers,
    Arne

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘jquery-colorbox iframe missing in IE9 but ok in Firefox & Chrome’ is closed to new replies.