我们如何使小工具的高度达到100%?

时间:2012-04-30 15:34:12

标签: javascript google-sites

下午好,

我正在使用Google协作平台,而我正在尝试将小工具(iFrame)嵌入到网站中。它工作正常,但Google协作平台不允许我们扩展小工具以填充其内容的高度。它只允许100%宽度和固定高度:

enter image description here

因为我们被允许在嵌入式小工具(iFrame)中运行我们自己的javascript,所以我试图通过动态计算高度(以像素为单位)来修复问题,获取对父页面的Dom HTMLIFrameElement的引用,并从那里修改高度。

从我的自定义小工具文件(iFrame)中,我可以获得对父Window对象的引用,但 parent.document 会返回undefined

这是我的自定义小工具文件g5.xml

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="My Gadget" /> 
    <Content type="html">
<![CDATA[
<script>
document.body.onload = function(){
    var content_height = document.getElementById('content').clientHeight;
    alert(parent); // [object DOMWindow]
    alert(parent.document); // undefined
};
</script>
<div id="content">
    some<br>content<br>here
</div>
]]>
    </Content> 
</Module>

如果 parent.document 返回undefined,有没有办法访问iFrame的父级DOM元素?

是否有其他解决方案可以在Google协作平台中将小工具设为100%高度?

0 个答案:

没有答案