カアサンズサイトをリニューアルしています。
年明けと共にリニュの予定だったのですが、年末年始のあれこれに
忙殺され、いまだ作業中です。^^;
そこで、三人のブログからRSSをひっぱってきてごちゃ混ぜで表示をさせよう
と言うことになったのですが、cgiは動かないし、なんだかうまくいかない。
Google先生にお世話になりつつ、
「Google AJAX Feed API」を使って外部RSSを読み込む。／ライブラリー: アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-"夢は口に出すことで実現する！"というアファメーション
デベロッパー ガイド - Google AJAX Feed API - Google Code
などのお世話になりつつ、作り上げたのがこれ。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - Simple Example</title>
<link rel="stylesheet" href="/common/css/import.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAABimkmo9fcRhb5cQrcsz_hTymQXfiXPmn8PEK7bgMBFVCrLW9xSg_9d27Pz25GqK_dOeNd4De6_yEg"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("http://rssmix.the-search.jp/13827.xml");
feed.setNumEntries(10)
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("li");
div.setAttribute("class","hoge");
var a = document.createElement("a");
a.href = entry.link;
var list = entry.title;
a.appendChild(document.createTextNode(list));
div.appendChild(a);
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<ul id="feed"></div>
</body>
</html>
ちなみにRSSをミックスするのに使ったのは「The Search RSS Mix」です。
これだと、classをひとつしかつけられないとか（もっと条件文書けばいいんですけど）
ごちゃ混ぜにならないとか問題があったので、いろいろな方に相談しました。
そうしたらrewさんから
「Yahoo Pipesで繋げちゃうとか？」というご提案を。
Yahoo Pipesってなに？
から入った私。
さて、ちゃんとできたかどうかはまた次回。
コメントする