2007-12-29

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ガジェットプログラミング入門Googleガジェットプログラミング入門
井上 章

Windows Vistaガジェットプログラミング Vista、Google、Yahoo! 対応 ガジェットプログラミングのためのJavaScript入門 JavaScriptで作るVistaガジェット まるごとJavaScript & Ajax ! Vol.1 GIZMO Programmer’s Bible―FLASHによるガジェット開発

by G-Tools

0 件のコメント: