[javascript] feedrenderer.jsで複数のフィードを表示する方法

[WebOS Goodies 管理人]

こんにちは、WebOS Goodies 管理人の伊藤です。

先日、ブログのコンタクトフォームから、feedrenderer.jsで
複数のフィードを同一ページに表示する方法について質問がありました。
情報共有も兼ねてこちらに回答を投稿させていただきます。

feedrenderer.jsで複数フィードを表示する方法はとても簡単です。
もしテンプレートなどが共通でよければ、単にrender()メソッドを
複数回呼び出せばOKです。

------------------------------------------------------------
<ul id="feed1"></ul>
<ul id="feed2"></ul>

<script type="text/javascript" src="feedrenderer.js"></script>
<script type="text/javascript">
window.onload = function() {
var renderer = new FeedRenderer({ template:'<li><a href="%url%">
%title%</a></li>' });
renderer.render('http://www.example.com/feed1.xml', 'feed1');
renderer.render('http://www.example.com/feed2.xml', 'feed2');
};
</script>
------------------------------------------------------------

もしフィードごとにテンプレートなどを変更したければ、
FeedRenderer()オブジェクトを複数生成してください。

feedrenderer.jsはRSS/ATOMフィードを簡単にページに表示できる
JavaScriptライブラリです。詳細は以下の紹介ページを参照してください。

柔軟なフィード表示ライブラリ「feedrenderer.js」を作りました
http://webos-goodies.jp/archives/feedrenderer_js_a_flexible_feed_rendering_library.html

便利なライブラリなので、ぜひご活用ください！

------------------------------------------------------------
WebOS Goodies 管理人 伊藤千光