I'm getting an error when trying to load an HTTPS page into an Advanced iFrame on a non-HTTPS site. The problem is that the iframe doesn't auto-size. And, there's an (shown below) about blocked content from a cross-frame.
Main page: http://www2.peachtreelighting.com/recessed-downlighting/
Targeted iframe: https://app.peachtreelighting.com/product/index.cfm?category=12&lightsource=35&header=false&footer=false
This iframe page includes the document.domain script (<script>document.domain='peachtreelighting.com';</script>)
Short code:
[advanced_iframe use_shortcode_attributes_only="true" src="https://app.peachtreelighting.com/product/index.cfm?category=12&lightsource=35&header=false&footer=false" width="100%" height="600" scrolling="auto" id="advanced_iframe" hide_page_until_loaded="true" onload_resize="true" onload_resize_delay="10" additional_height="20" document_domain="peachtreelighting.com" use_post_message="true"]
The error is: DOMException: Blocked a frame with origin "http://www2.peachtreelighting.com" from accessing a cross-origin frame.
I would appreciate any suggestions, tips, or corrections to my configuration.
Thanks, nagohmit
|