2010年3月30日火曜日

chrome では iframe 内がローカルリソースの場合は親の情報を変更できないっぽい。

下記の parent.html を http ではなくローカルリソースとして読み込んだ場合、chrome では親 iframe のサイズ変更が行われません。

parent.html
<html>
<body>
<iframe id="parent_iframe" src="./child.html"></iframe>
</body>
</html>

child.html
<html>
<body>
</body>
<script type="text/javascript">
  alert("this is child.");
  function resizeAppContentIframe() {
    var iframeElement = parent.document.getElementById('parent_iframe')
    iframeElement.style.width = "945px"
    iframeElement.style.height = "800px"
    alert("iframeElement = " + iframeElement);
  }
  setTimeout("resizeAppContentIframe()", 10);
</script>
</html>

http 経由でアクセスすれば問題なく動作します。

0 件のコメント:

コメントを投稿