y-matsui::weblog

電子楽器、音楽、コンピュータ、プログラミング、雑感。面倒くさいオヤジの独り言

MovableTypeのコンテンツにRSSティッカーを設置

Webコンテンツ(別にMovableTypeに限らない)にRSSティッカーを設置したい。
RSSティッカーってのは、他サイトから配信されるXMLを受信して、切り替え表示する広告とか電光掲示板のニュースみたいなものだ。そうそう、新幹線の前方で表示されているニュースみたいなものだと思えば良い。
以前にどこかに書いたajaxtickerを使って、テストしてみたところ、RDF(RSS0.91)もRSS2もどちらも受信・表示できた。
XML
item
  ctitle
  clink
  cdescription
・・という構造だけあれば、勝手に作ったXMLでもOK。

■HTMLソース
MovableTypeのコンテンツ内に下記ソースコードをコピー・ペーストすると、RSSティッカーのニュースを表示できるよ。
indexページにニュースを貼りまくるのもグー。
RSSフィードを表示するパーツとしてMT内で流用してもグーだね。

<div style="height: 200px">
<script type="text/javascript">
//rss_ticker(RSS_id, キャッシュ時間[分], divId, divClass, 表示の切り替え時間[ミリ秒], optionalswitch)
document.write("[RSSチャンネルタイトルをここに書きます]:")
new rss_ticker("RSS", 120, "rss1", "newsclass", 5000, "showdescription")
</script>
</div>

スタイルシート”newsclass”は別途どこかで定義してね。


RSSティッカーJavascript(JavaScriptKit.com/ DynamicDrive.comで入手)
MovableTypeのインデックステンプレートとして下記ソースコードをコピー・ペーストしても良い。
(頻繁に変更するわけでもないから、再構築オプションは無効にしておこうね)
ticker/rssticker.js

/*
======================================================================
RSS JavaScript Ticker object
Author: George at JavaScriptKit.com/ DynamicDrive.com
Created: Feb 5th, 2006. Updated: Feb 5th, 2006
======================================================================