WebTips


Top / JavaScript / Google AJAX Feed APIを使ってみよう 複数RSSを表示させる

JavaScript/Google AJAX Feed APIを使ってみよう 複数RSSを表示させる


 FeedControlというクラスがあるようで、これに関するサンプルもありました。複数のRSSでもとても簡単に表示出来そうです。日本語でコメントしなおしてみました。

  1.     <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAGR96B8NWJ5VrSWIv27tpXBT-30leIXx3QXppMnf-4bh1GMsYQhTIv2qphGs-aYzvk8bnEHX98Vt74A"></script>
  2.     <script type="text/javascript">
  3.       google.load("feeds", "1");
  4.  
  5.       function OnLoad() {
  6.  
  7.         // FeedControlのインスタンス作成
  8.         var feedControl = new google.feeds.FeedControl();
  9.         //FeedControlに読込ませる、第一引数はURL、第二引数がラベル
  10.         feedControl.addFeed("http://www.digg.com/rss/index.xml", "Digg");
  11.         feedControl.addFeed("http://googleblog.blogspot.com/atom.xml", "Google Blog");
  12.         feedControl.addFeed("http://feeds.feedburner.com/Techcrunch", "TechCrunch");
  13.         feedControl.addFeed("http://blog.outer-court.com/rss.xml", "Google Blogscoped");
  14.         feedControl.addFeed("http://webtips.open-log.net/index.php?cmd=rss&ver=1.0",  "このサイトのRSS");
  15.         //feedControlに書き込み
  16.         feedControl.draw(document.getElementById("feedControl"));
  17.       }
  18.       //読込まれたときにOnLoadを実行
  19.       google.setOnLoadCallback(OnLoad);
  20.     //]]>
  21.     </script>
  22.     <div id="feedControl">Loading</div>

実行結果

Loading

トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2007-09-27 (木) 14:02:36 (1038d)