便利ですなー。使えますなー。でもie6では使えないので注意しましょう。
rss.js
////////////
google.load("feeds", "1");
function initialize() {
var feedurl = "http://www.imamura.biz/blog/feed/"; //rssフィードのurlを指定。wordpressの場合はurl/feed/で取得できる。
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(4); //フィードの表示数
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];
var eimg = ""; //画像取得（初期値設定）
var imgCheck = entry.content.match(/(src="http:){1}[\S_-]+((\.png)|(\.jpg)|(\.JPG))/); //該当する拡張子のデータを画像として取得している
if(imgCheck){
eimg += '<img ' + imgCheck[0] + '" width="100" >'; //eimgにはimgタグを挿入するように設定、大きさは100ピクセル
}
htmlstr += '<li class="kiji">'
var strdate = createDateString(entry.publishedDate);
htmlstr += '<p class="kiji_img"><a href="' + entry.link + '" target="_blank">' + eimg + '</a></p>';
htmlstr += '<p class="kiji_body"><span class="kiji_title"><a href="' + entry.link + '" target="_blank">' + entry.title + '</a></span>' + '<span class="kiji_entry">' + entry.contentSnippet.substr(0,140) + '</span><span class="kiji_date">' + strdate + '</span></p>';
htmlstr += "</li>"
}
htmlstr += "</ul>";
container.innerHTML = htmlstr;
}else{
alert(result.error.code + ":" + result.error.message);
}
}
}
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);
////////////
をrss.jsとして<head>内にぶち込みます。
続きはまた時間ある時に。
参考サイト（後にゆっくり書き直します。）
http://www.creps-inc.jp/6/post/2012/02/first-post.html
http://column.a-ngb.info/?p=34
http://www.imamura.biz/blog/cms/wordpress/1031
役所のサイトで使用してるので、参考にしよう。
です。
0 件のコメント:
コメントを投稿