View Full Version : Problem loading http iframe in a panel in a https page

15 Dec 2014, 8:08 AM

I would like to know why I can load a http iframe in a div inside an https page without any warning or security check, but if I try to load the same iframe inside a panel in the same https page, there is a security check that is blocking the content of the iframe.

http iframe in https div without security check:

<div id="iframe"><iframe id="mapIframe" width="100%" scrolling="no" height="100%" frameborder="0" src="http://carto48dev.intrameq/pushnsee_4.8/map.do?workspaceKey=c29hcF93aW5kb3c-"></iframe></div>

http iframe in a extjs panel but security is blocking the iframe:

<div id"iframe"></div>

var iiframe_panel = Ext.create('Ext.panel.Panel', {
id: 'iframe_panel',
title: 'iframe',
resizable: false,
layout: 'fit',
renderTo: 'iframe',
html: '<iframe id="mapIframe" width="100%" scrolling="no" height="100%" frameborder="0" src="http://carto48dev.intrameq/pushnsee_4.8/map.do?workspaceKey=c29hcF93aW5kb3c-"></iframe>'

18 Dec 2014, 8:22 AM
This issue isn't specific to Ext JS. It's an issue with dynamically created iframes trying to load mixed content.

The fiddle below adds logic to the index.html page to create an iframe dynamically. When you click on the Go! link the same error regarding mixed content is logged.