2009/07/13

[gadget]動的に高さを変更する

ガジェットのコンテンツが次々に変更されていく中で、どうしても高さを変更したくなる時があります。

そんな時は、下のようにタグ及び関数を追加すれば可能となります。

<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
<ModulePrefs title="test"
directory_title=""
title_url=""
description=""
author="maito.kuwahara"
author_email="mai.musicfactory+gadgetfactory@gmail.com"
author_affiliation=""
author_location="japan"
screenshot=""
thumbnail=""
height="200"
author_photo=""
author_aboutme=""
author_link="http://temping-amagramer.blogspot.com/"
author_quote=""
>
<Require feature="opensocial-0.8"/>
<!-- このタグは必須 -->
<Require feature="dynamic-height"/>
</ModulePrefs>
<!-- home view -->
<Content type="html" view="home">
<![CDATA[
home viewです。
<script type="text/javascript">
//この関数を呼び出すと高さが変更される
gadgets.window.adjustHeight();
</script>
]]>
</Content>
<!-- canvas view -->
<Content type="html" view="canvas">
<![CDATA[
canvas viewです。
<script type="text/javascript">
//この関数を呼び出すと高さが変更される
gadgets.window.adjustHeight();
</script>
]]>
</Content>
<!-- home、canvas viewに対応していない場合 -->
<Content type="html">
<![CDATA[
defualtのviewです。
<script type="text/javascript">
//この関数を呼び出すと高さが変更される
_IG_AdjustIFrameHeight();
</script>
]]>
</Content>
</Module>

一番最後だけ、_IG_AdjustIFrameHeight();となっているのは、open socialに準拠していないiGoogle gadgetに対応させるためです。

後、Requireタグ自体は、特に悪さをしないので、ファンクションを呼び出さなくても書いておいたほうが後で使う場合もあるかもしれないので便利かなーと思います。

0 コメント:

コメントを投稿