Question

我想根据内部的内容动态调整Shindig Gadget的iframe高度。经过一些研究后，我发现需要使用src这样的iframe <!DOCTYPE ...>来声明{if}取得iframe内容的高度，使用以下内容：

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

但是无法在Shinding模块的<![CDATA[内定义doctype。实现这一目标的最佳途径是什么？

Answer 1

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

Answer 2

试试这个

以下是一个工作示例click here

<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>

如何动态调整Shindig Gadget的iframe高度

2 个答案: