如何动态调整Shindig小工具的iframe高度

Question

我想根据其中的内容动态调整Shindig小工具的iframe的高度。 经过研究后，我发现需要这样的iframe src声明<!DOCTYPE ...>才能使用以下内容获取iframe中内容的高度：

document.getElementById("iframe").contentWindow.document.body.scrollHeight

但是，不可能在Shinding模块的<![CDATA[内部定义doctype。 实现此目标的最佳方法是什么？

Answer 1

您应该使用adjustHeight API来执行此操作。 调用不带任何参数的API会调整iFrame的高度以适合其内容。 http://opensocial-resources.googlecode.com/svn/spec/trunk/Core-Gadget.xml#gadgets.window.adjustHeight

Answer 2

尝试这个

这是一个工作示例， 请单击此处

<script type="text/javascript">
 function resizeIframe(obj)
  {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
 }
</script>

<iframe src="http://www.yahoo.com" onload='javascript:resizeIframe(this);'></iframe>

</div>