広告

posted by fanblog
「ここにブログの名前を入れます」は更新を終了しました。記事はすべて新ブログ「Big Bang」に移転済みです。記事のタイトルをクリックすると新ブログの該当記事に移動します。そちらでお楽しみください。
カテゴリー： スクリプト置き場

別ブログの最新記事を自動でリンクして紹介

これはNARUさんのライブドアブログ「キーワードチョイス2」に貼ってあるもののコピーです。
自分の別ブログを紹介しています。

★パパ視点の子育てブログ絶賛公開中！

「あぁ、悩み多きイクメン生活」

NARUのイクメンブログ。気にNARU？NARUよね。

たとえばですが、上のものと下のもの、どちらがより興味を惹かれるでしょうか。どちらも興味がない？それは残念です。

先ほど「お友達の最新記事を表示しよう！」に書いたスクリプトに自分で関数を加えると、このような表示も出来ます。

★パパ視点の子育てブログ絶賛公開中！

「あぁ、悩み多きイクメン生活」

NARUのイクメンブログ。気にNARU？NARUよね。

最新記事「」公開中

[内容]

ソースコード

<div>
	<p>★パパ視点の子育てブログ絶賛公開中！</p>
	<div>
		<p>
			<a href="http://ikumenseikatu.blog.fc2.com/">
				「あぁ、悩み多きイクメン生活」
			</a>
		</p>
		<p>NARUのイクメンブログ。気にNARU？NARUよね。</p>
		<p>最新記事「<span id="naru_title"></span>」公開中</p>
		<p style="text-align:left;margin:0 1em 0.5em 1em;">
			[内容]<span id="naruhodo" style="color:#44f"></span>
		</p>
	</div>
</div>

<script type="text/javascript">

//コールバック関数
var naru_callback=function(json){
	if(json.error){return;}

	var title=document.getElementById('naru_title');
	var description=document.getElementById('naruhodo');

	title.innerHTML
		='<a href="'+json.link+'" target="_blank">'
		+json.title+'</a>';

	description.innerHTML=json.description;
}


var feed="http://ikumenseikatu.blog.fc2.com/?xml";
var type="rss";
var charset="UTF-8";
var url="http://blog.dwm.me/service/get_new_item/";

feed=encodeURIComponent(feed);

//パラメーターにコールバック関数名
//コールバックを使わないときは必須の表示エリアのid（area=id）は不要
var src=url+'?feed='+feed+'&type='+type
	+'&charset='+charset+'&callback=naru_callback';

var script=document.createElement('script');
script.setAttribute('type','text/javascript');
script.setAttribute('src',src);

var head=document.getElementsByTagName('head');
head[0].appendChild(script);
</script>

コールバック関数には下のJSONが渡されますので、処理方法を書いてください。

正常時
{"title":"タイトル","link":"リンク","description":"概要"}

異常時
{"error":"cannot get feed."}

詳細に関しては「お友達の最新記事を表示しよう！」の最後にあるPHPのソースコードを見てください。

新ブログ「Big Bang」で続きを読む →