PAPAパラダイス's Homepage: サイドバーに最近の記事を表示

残念ながらThingamablogには最近の記事を表示させるタグが存在しないため、これをJavaScriptでやる事にした。
JKL.ParseXMLライブラリの実ファイル"jkl-parsexml.js"を利用しているため、コード自体が少なく済んでありがたや。

function RecentEntries(Charset, RssLink) {
  var http = new JKL.ParseXML(RssLink);
  var data = http.parse();
  var entry = new Array();
  for (i in data.rss.channel.item) {
entry.push('<a href="' + data.rss.channel.item[i].link + '">' + data.rss.channel.item[i].title + '</a>');
  }
  document.charset = Charset;
  document.write(entry.join('<br>'));
}

<div class="sidetitle">Recent Entries</div>
<div class="side">
<script type="text/javascript">
<!--
 RecentEntries('<$Charset$>', '<$RssLink$>');
//-->
</script>
</div>

<script type="text/javascript" src="http://example.com/jkl-parsexml.js"></script>
<script type="text/javascript" src="http://example.com/外部スクリプト名.js"></script>

上段が外部スクリプトに用意した関数、中段が最近の記事を表示させたいテンプレートのサイドバーに記述したHTMLコード、下段が同テンプレートのHead要素に記述したHTMLコードの例。
で、ダウンロードしたjkl-parsexml.jsと自前の外部スクリプトをThingamablogのデータベースにあるWebファイル用のディレクトリ（/Thingamablogのデータベースディレクトリ/web）にブッ込み、再公開したところ、問題なく反映された。
実用性はさておき、デザインとしてブログらしくなった気分。

Tags: Thingamablog, デザイン, テンプレート, HTML, JavaScript