Google Gadgets の高さを自動調整する方法

たぶん1年くらい前だったと思います。その頃の Google Gadgets は、その表示する内容に応じて高さ height を自動調整する方法がなく(見つからず)、固定しかできないと諦めていました。

久々に Google Gadgets を作る機会があり、ドキュメントを読み直してみると、Google Gadgets API Reference の JavaScript Libraries の中に、高さを自動調整してくれるライブラリがあるではないですか！

次のように Require 要素を使って dynamic-height ライブラリをインポートして、

<ModulePrefs 
  title="郵便番号から住所を検索する"
>
<Require feature="dynamic-height" />
</ModulePrefs>

ページをロードしたときに _IG_AdjustIFrameHeight を呼び出します。

jQuery(function($) {
  _IG_AdjustIFrameHeight();
    ･･･
});

これだけで、コンテンツの内容に応じて、Google Gadgets の高さが自動調整されます。

ただし、表示した後に高さを調整するため、高さの初期値を変えるものではありません。ですので、あらかじめ高さを決められるなら ModulePrefs 要素の height 属性を使うべきですね。

Googleガジェットプログラミング入門 井上 章 by G-Tools