2008-01-27

名言ガジェット(iGoogle版)を作りました。

本で見つけた名言を投稿・検索できるサイト「バーブル」に投稿されている名言を、
ランダムに一件づつ表示するWebパーツを作成しました。
googleのアカウントをもっていれば誰でも、iGoogleのホームページ上に追加することができます。
【画面のサンプル】

【iGoogleへコンテンツ追加の方法】
1.iGoogleホームの右のほうにある、「コンテンツを追加」をクリック。

2.「フィードやガジェットを追加」リンクをクリックし、
以下のURLを入力します。
http://verble.jp/gadgets/igoogle/proverb.xml

3.Googleが開発したものではない機能を追加しようとしています。とダイアログがでるので、「OK」をクリック。
4.完了です！iGoogleホームに戻ってみてみましょう。

【ガジェットのソースコード】
1件の名言をランダムに返すRSS、
http://verble.jp/rss/random
を読みこみ、その内容を表示するというシンプルな仕組みで動いています。

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Verble"
  height="100">
<Require feature="dynamic-height"/>
</ModulePrefs>
<Content type="html"><![CDATA[
<div style="font-size: 80%; line-height: 1.4;">
  <div style="display: none;">
    <p id="summary"></p>
    <a id="entry" href="" target="_blank"></a>
  </div>
  <div id="info"></div>
</div>

<script type="text/javascript">
  url = 'http://verble.jp/rss/random?t=' + new Date().getTime();
  _gel("info").innerHTML = "..reading";
  _IG_FetchFeedAsJSON(url, loaded, 1, true);
  _IG_AdjustIFrameHeight();

  function loaded(feed) {
  if (!feed || !feed.Entry || feed.Entry.length == 0) {
    _gel("info").innerHTML = "cant read rss";
    return;
  }
  _gel("entry").href = feed.Entry[0].Link;
  _gel("entry").innerHTML = feed.Entry[0].Title;
  _gel("summary").innerHTML = feed.Entry[0].Summary;
  _gel("info").innerHTML = "";
  _gel("entry").parentNode.style.display = "block";
}
</script>
]]></Content>
</Module>