Sunday, March 17, 2013

Chrome Frame Not Working inside Iframe


Recently i had a issue where i needed to use chrome frame because IE 8 did not support canvas element. I needed the chrome frame to work inside a Iframe. Unfortunately chrome frame did not support working inside Iframe since it supports top level URLs only.

Solution:
The solution i used is replace my Iframe with object element which did support as expected.

HTML:

<div id="emdraw"></div>

JavaScript:
<script>
var d = document.getElementById("emdraw"); // gets div
d.innerHTML = '<object id="embedFrame" data="DrawingPage.aspx" type="text/html"  width="100%" height="800px" />';
</script>

No comments:
Write comments
Recommended Posts × +