2010年3月30日火曜日

親 iframe のサイズを書き換える。

以下のような方法で firefox, IE, chrome で動作するようです。

parent.html
<html>
<body>
<iframe id="parent_iframe" src="./child.html" border="1" width="200" height="200"></iframe>
</body>
</html>


child.html
<html>
<body>
</body>
<script type="text/javascript">
  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>

setTimeout を使わないと、chrome では動作しません。

0 件のコメント:

コメントを投稿