notizbloc / Kent Yamamoto / 山本健人

もーにわかの知識じゃダメだ。完全に自分用のメモです。

<script type=”text/javascript” src=”http://www.google.com/jsapi?key=キー”></script>
<script type=”text/javascript”>
google.load(“feeds”, “1″);

function initialize() {
var feedurl = “フィード1″
var feedurl2 = “フィード2″;

var feed = new google.feeds.Feed(feedurl);
var feed2 = new google.feeds.Feed(feedurl2);
feed.setNumEntries(5);
feed.load(dispfeed);
feed2.load(dispfeed2);

function dispfeed(result){
if (!result.error){
var container = document.getElementById(“feed”);
var htmlstr = “”;

htmlstr += ‘<div id=”press-archive”>’;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];

htmlstr += ‘<div>’
htmlstr += ‘<a href=”‘ + entry.link + ‘”>’ + entry.content + ‘</a> ‘;
htmlstr += “</div>”
}
htmlstr += “</ul>”;

container.innerHTML = htmlstr;
}else{
alert(result.error.code + “:” + result.error.message);
}
}

function dispfeed2(result){
if (!result.error){
var container = document.getElementById(“feed2″);
var htmlstr = “”;

htmlstr += ‘<div id=”press-archive”>’;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];

htmlstr += ‘<div>’
htmlstr += ‘<a href=”‘ + entry.link + ‘”>’ + entry.content + ‘</a> ‘;
htmlstr += “</div>”
}
htmlstr += “</ul>”;

container.innerHTML = htmlstr;
}else{
alert(result.error.code + “:” + result.error.message);
}
}
}

google.setOnLoadCallback(initialize);

</script>

http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html

ここから使用するウェブサイトの URLを入力し、APIキーを発行する。

初期のコードは

<script type=”text/javascript” src=”http://www.google.com/jsapi?key=発行されたキー“></script>
<script type=”text/javascript”>

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>

こんな感じになっている。これではちょっと使えないので、

<script type=”text/javascript” src=”http://www.google.com/jsapi?key=発行されたキー“></script>
<script type=”text/javascript”>
google.load(“feeds”, “1″);

function initialize() {
var feedurl = “http://waldspaziergang.com/notizblock/feed/“;

var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(8);
feed.load(dispfeed);

function dispfeed(result){
if (!result.error){
var container = document.getElementById(“feed”);
var htmlstr = “”;

htmlstr += ‘<ul>’;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];

htmlstr += “<li>”
htmlstr += ‘<a href=”‘ + entry.link + ‘”>’ + entry.title + ‘</a> ‘;
htmlstr += “</li>”
}
htmlstr += “</ul>”;

container.innerHTML = htmlstr;
}else{
alert(result.error.code + “:” + result.error.message);
}
}
}

google.setOnLoadCallback(initialize);
</script>

こんな感じに。ブログのタイトルとリンク先を表示する感じです。

var feedurl = “http://waldspaziergang.com/notizblock/feed/“;

に取得したいFeedを。

feed.setNumEntries(8);

は記事の数。

htmlstr += ‘<ul>’;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];

htmlstr += “<li>”
htmlstr += ‘<a href=”‘ + entry.link + ‘”>’ + entry.title + ‘</a> ‘;
htmlstr += “</li>”
}
htmlstr += “</ul>”;

このへんをいじれば表示方法を変えられます。

HTMLに

<div id=”feed”></div>

と書けばそこに表示されます。