WEB言語初心者の自分としてはAJAX自体チンプンカンプンで、相当苦労しています。
AJAXとRSSリーダーのコトを調べているうちに「Google AJAX Feed API」を導入する事にしてみました。
使用するにはAPIキーが必要となりますが、上記サイトから簡単に取得する事ができます。
サンプルでは・・・・
google.load(“feeds”, “1″);
function initialize() {
var feed = new google.feeds.Feed(“http://www.digg.com/rss/index.xml”);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById(“feed”);
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var div = document.createElement(“div”);
div.appendChild(document.createTextNode(entry.title));
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id=”feed”></div>
</body>
</html>
となっています。
ですが、私は複数のRSSを読み込みたかったので、調べているうちに『The FeedControl』を見つけました。
そのサンプルが下記です。
google.load(“feeds”, “1″);
function initialize() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed(“http://www.digg.com/rss/index.xml”, “Digg”);
feedControl.addFeed(“http://feeds.feedburner.com/Techcrunch”, “TechCrunch”);
feedControl.draw(document.getElementById(“feedControl”));
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id=”feedControl”>Loading</div>
</body>
</html>
備忘録で記載しているだけなので、細かくは書きませんが、
「addFeed(“RSS”,”タイトル”)」を複数書く事で追加するコトができ、id=”feedControl”にその結果が表示されると言うもの。
この状態だと、サイトが二つ縦に並ぶだけなのですが・・・・
この部分を
こうする事でタブモードに切り替わり、かなり見栄えが変わります。
※デフォルトはDRAW_MODE_LINEAR
勿論、RSSの件数もリンクのターゲットも変えることができます。
CSSでイロイロ制御が出来るみたいなのですが、それは次回。