2017年2月19日 (日)

ブログの更新情報をホームページに表示

年末から、ホームページの店主のブログに更新情報が表示されなくなっていましたが、ようやく復旧しました。

出来上がってみると、内容はこんなものと思えるほどですが、いろいろ悩みながらここまで来ました。

ブログのRSSを設定してありますが、ホームページとはサーバーが異なるので、ｐｈｐでサイト情報を取得。

<?php
$url = "https://anocora.cocolog-nifty.com/blog/rss.xml";
$xml = file_get_contents($url);
header("Content-type: application/xml; charset=UTF-8");
print $xml;
?>

rss.phpというファイル名で保存しました。

jQueryで

//関数実行
$(function(){
// -------------------------------------------------
// XML読み込み
// -------------------------------------------------
$.ajax({
url:'http://www.anocora.com/cyclemainte/blog/rss.php',
type:'get',
dataType:'xml',
timeout:1000,
success:parse_xml
});
});

// -------------------------------------------------
// XMLデータを取得
// -------------------------------------------------
function parse_xml(xml,status){
$(xml).find('item').each(disp);
}

// -------------------------------------------------
// HTML生成関数
// -------------------------------------------------
function disp(){

//各要素を変数に格納
var $title = $(this).find('title').text();
var $link = $(this).find('link').text();
var $target = '_blank';

//HTMLを生成
if ($('#blog').html()!="") {
$('#blog').html( $('#blog').html()+'<br>'+
'<a href="'+$link+'" target="'+$target+'">'+$title+'</a>'
);
}
else{
$('#blog').html(
'<a href="'+$link+'" target="'+$target+'">'+$title+'</a>'
);
}
}
という流れです。