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
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:
- Changed the doctype to transitional and strict for IE. No dice.
- Removed the "iframe: true" and replaced it with HTML "Hello". That worked fine and "Hello" appeared in the Colorbox modal.
- I've removed all stylesheets from the header. No luck so it's not a CSS issue.
- 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