名言ガジェット(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>