この記事は最終更新日から2年以上が経過しており、情報が古くなっている可能性があります。

前にメモったRSSにてブログ新着記事一覧を表示させる的な記事の補足です。


記事のアイキャッチとして画像を表示させたい時とかに使うコードです。上記の記事に記載したコードとはちょっと変数名とかが変えてありますが基本的には同じ仕組みです。

var maxTitleLength = 10; // 表示する最大文字数
google.load("feeds", "1");
function initialize()
{
var feed = new google.feeds.Feed("http://**/index.rdf"); // RSSフィードのURL
feed.setNumEntries(3) // 表示する記事数
feed.load(function(result)
{
if (!result.error)
{
var container = document.getElementById("rss"); // ブログ一覧を表記するブロック要素のID
var list = "";
list = '<ul>';
for (var i = 0; i < result.feed.entries.length; i++)
{
var entry = result.feed.entries[i];
var image = entry.content.match(/(http:){1}[\S_-]+((\.jpg)|(\.JPG))|(\.gif)|(\.GIF)|(\.png)|(\.PNG)/);
var dammy = ("<img src='https://**.img' />");// デフォルト画像
if(entry.title.match(/^PR:/)) {
}
if(image !=null) {
list += '<li class="clearfix"><a href="' + entry.link + '" target="_self" ><img src=" + image[0] +" /></a>';
list += '<p><a href="' + entry.link + '" target="_self">' + entry.title + '</a>';
var strdate = createDateString(entry.publishedDate);
list += '<br/ >' + strdate + '</p></li>';
} else {
list += '<li class="clearfix"><a href="' + entry.link + '" target="_self" > + dammy + </a>';
list += '<p><a href="' + entry.link + '" target="_self">' + entry.title + '</a>';
var strdate = createDateString(entry.publishedDate);
list += '<br/ >' + strdate + '</p></li>';
}
}
list += '</ul>';
container.innerHTML = list;
}
});
}
function createDateString(publishedDate)
{
var pdate = new Date(publishedDate);
var pday = pdate.getDate();
var pmonth = pdate.getMonth() + 1;
var pyear = pdate.getFullYear();
var phour = pdate.getHours();
var pminute = pdate.getMinutes();
var psecond = pdate.getSeconds();
var strdate = pyear + "/" + pmonth + "/" + pday ;
return strdate;
}
google.setOnLoadCallback(initialize);