jquery, fancybox in IE

I have an issue that I just cannot resolve. I am loading an iframe instance of fancybox. the iframe contains an external link. everything works great in all browsers, except IE. seems to me that the frame source or parent is not inhering correctly or something, but I just cannot figure it out.

  1. the link starts an instance of fancybox of iframe type
  2. the page loads fine, its a form.
  3. the form gets filled out and submitted, THEN!
  4. the page does not accept the form submission (only in IE)

    <a href="https://www.agentcertification.com/Login/Login/82010bb0-107f-4432-934e-c88cbd12450d"     class="fancybox-iframe">link</a>
    
    <script>
        $(document).ready(function() {
           $('.fancybox-iframe').fancybox({
                width: 1280,
                height: 800,
                autoSize: true,
                autoResize: true,
                autoCenter: true,
                href: $(this).attr('href'),
                type: 'iframe',
                iframe: {
                     preload: false // fixes issue with iframe and IE
                }
           });  
        });
    </script>
    

Answers


This is because your HTTPS page has non-secure HTTP content (mixed content) and fancybox is not able to display the IE's security warning therefore the form is not submitted.

You could disable the "Mixed Content" Warnings in IE. Read this for more

http://blogs.msdn.com/b/askie/archive/2009/05/14/mixed-content-and-internet-explorer-8-0.aspx

Unfortunately this is directly related to particular IE settings so you can't control if your visitors have disable the security warnings or not in their IE. If not, your form will fail for them.


EDIT : this is what I get from your page in IE while loading it for the first time :


Need Your Help

Variable Scope Issue using Node.js with Recaptcha

node.js recaptcha

I am using Recaptcha in Node.js and I am having some trouble with the scope of some boolean variables. Recaptcha will work if only I can figure this out. Also, I'm not using express.

JSF 1.0 vs JSF 2.0

java jsf frameworks jsf-2 web-frameworks

What is difference between these 2 version of JSF (JSF 1.0 and JSF 2.0)? As I am new to java, I only find that difference is at Architectural level. But, in perspective, I can't get how much it aff...