如何動態調整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>