Colorbox iFrame content not appearing in IE 8/9

Posted by Rocketpig on Stack Overflow See other posts from Stack Overflow or by Rocketpig
Published on 2012-12-05T16:27:32Z Indexed on 2012/12/05 17:04 UTC
Read the original article Hit count: 198

Filed under:
|
|

I'm using ColorBox to call a few informational modals on-screen and given the client's requirements, the best way to do this is via iFrames (not my first choice but whatever). Everything is working peachy in Chrome, FF, etc. but the iFrame content is not working in any version of IE. The modal wrapper appears but nothing is inside. This is what I've done so far:

  1. Changed the doctype to transitional and strict for IE. No dice.
  2. Removed the "iframe: true" and replaced it with HTML "Hello". That worked fine and "Hello" appeared in the Colorbox modal.
  3. I've removed all stylesheets from the header. No luck so it's not a CSS issue.
  4. Just to be sure, I rolled back my JQuery library to 1.6.2 from 1.8.2. Nothing there, either.

Any help would be appreciated. This is aggravating.

Some code:

 $(function ()
{
    $(".modal-large").colorbox({iframe:true, innerWidth:580, innerHeight:500});
})

HTML:

<div class="top-droptext"><a class="modal-large" href="modal/serviceproviderinfo.html">Update Password</a></div>

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery