// RSS読み込み
google.load("feeds", "1"); //バージョン1のfeeds APIを読み込む
function initialize() {
var feed = new google.feeds.Feed("http://rss.exblog.jp/rss/exblog/toufuya/atom.xml");
feed.setNumEntries(20); //表示させたい記事の数
var titleLength = 15; //タイトルの文字数
var contentLength = 40; //本文の文字数
feed.load(function(result) {
//結果にエラーが無ければ、要素内の""の部分に結果を突っ込む
if (!result.error) {
var container = document.getElementById("feed");
var j = 0; //"トピックス"カテゴリの記事数のカウンタ
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
//"トピックス"カテゴリの場合のみ表示する
if ((entry.categories[0] == "トピックス") && (j < 5)) {
j++;
//各要素を取得
var entryTitle = entry.title; //title要素
var entryLink = entry.link; //link要素
var entryDesc = entry.contentSnippet; //description要素
var date = new Date(entry.publishedDate); //日付
//日付の整形 - 整値化, 一桁の時は前に"0"付ける
var m = date.getMonth() + 1;
var d = date.getDate();
var entryDate = m +"月"+ d + "日 "; //entryDateに日付格納
//画像のURL
var imageUrl = "http://www.toufuya.co.jp/common/images/blog_dummy_img.jpg"; //初期値
var imgElements = entry.content.match("")
if(imgElements != null){
imageUrl = imgElements[2]; //記事に画像がある場合はそれを使う
}
//HTML要素生成
var div_item = document.createElement("div");
var div_img = document.createElement("div");
var img = document.createElement("img");
var div_text = document.createElement("div");
var h3 = document.createElement("h3");
var p = document.createElement("p");
var a1 = document.createElement("a");
var a2 = document.createElement("a");
var a3 = document.createElement("a");
//画像
img.setAttribute("src",imageUrl);
img.setAttribute("width","97");
img.setAttribute("height","73");
img.setAttribute("alt","ブログ記事を読む");
div_img.appendChild(a1);
div_img.getElementsByTagName("a")[0].appendChild(img);
div_img.getElementsByTagName("a")[0].setAttribute("target","_blank");
div_img.getElementsByTagName("a")[0].setAttribute("href",entryLink);
//タイトル
var h3text = entryTitle;
if (entryTitle.length > titleLength) {
h3text = entryTitle.slice(0,titleLength) + "...";
}
h3.appendChild(a2);
h3.getElementsByTagName("a")[0].appendChild(document.createTextNode(h3text));
h3.getElementsByTagName("a")[0].setAttribute("target","_blank");
h3.getElementsByTagName("a")[0].setAttribute("href",entryLink);
//本文
p.innerHTML = "" + entryDate + "" + entryDesc.slice(0,contentLength) + "...
";
p.appendChild(a3);
p.getElementsByTagName("a")[0].appendChild(document.createTextNode("» 続きを読む"));
p.getElementsByTagName("a")[0].setAttribute("target","_blank");
p.getElementsByTagName("a")[0].setAttribute("href",entryLink);
//タイトルと本文のdiv
div_text.appendChild(h3);
div_text.appendChild(p);
//アイテムの外側
div_item.appendChild(div_img);
div_item.appendChild(div_text);
//コンテナに追加
container.appendChild(div_item);
}//if
}//for
//classを指定（IE6、7では setAttribute で class を設定できないのでjQueryを使う）
$("div#feed > div").attr("class", "item");
$("div#feed > div.item:odd").attr("class", "item odd");
$("div#feed div.item div:even").attr("class", "image");
$("div#feed div.item div:odd").attr("class", "text");
$("div#feed p").attr("class", "small");
}//if (!result.error)
});//feee.load
}//initialize
google.setOnLoadCallback(initialize); //initializeを呼ぶ