skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

Movable TypeでAJAXな投票を可能にするプラグイン「AjaxRating」

｜ ｜ ｜ ｜ ｜ ｜ ｜

管理者のモチベーションを高めるためか、はたまた記事の質を一目で判断するためなのか、記事を評価する投票システムがブログに増えてきています。
Movable Typeではmt-hacksというサイトのAjaxRatingというプラグインでこの投票システムがAjaxで利用できます。

注意：データベース必須。個人利用に限り無償。

使用方法
AjaxRatingからダウンロードしたファイルを解凍し、mt-staticに「moo.ajax.js」「pluginsフォルダ」「prototype.lite.js」を、phpには「pluginフォルダ」を、pluginsフォルダにも同様に「AjaxRatingフォルダ」をアップロードします。
なお、このAjaxRatingフォルダのmt-vote.cgiはパーミッションを755に設定してください。

MTの管理画面からログインすると、MTのバージョンが3.3以上の場合は自動的にデータベースがアップグレードされます。
（3.2などではajaxrating.sqlでテーブルを作る必要があります）
ログイン後、投票システムを搭載したいブログのAjaxRatingプラグインの設定から、"Click here to install the Ajax Rating templates for this blog" をクリックします。

次にhead内にjavascriptとCSSを書きます。
同梱されていないのがありますので、リンク先からダウンロードしてください。
<script type="text/javascript" src="<MTStaticWebPath>prototype.lite.js"></script>
<script type="text/javascript" src="<MTStaticWebPath>moo.ajax.js"></script>
<script type="text/javascript" src="<MTBlogURL>ajaxrating.js"></script>
<link rel="stylesheet" href="<$MTBlogURL$>ajaxrating.css" type="text/css" />

さらにエントリーアーカイブかMTEntriesで囲まれた場所に以下のものを書けば作成できます。
<$MTAjaxStarRater type="entry"$>
Rating: <strong><span id="ajaxrating_entry_<$MTEntryID$>_avg"><$MTAjaxRatingAverageScore type="entry"$></span></strong>/<$MTAjaxRatingEntryMax$> (<span id="ajaxrating_entry_<$MTEntryID$>_cnt"><$MTAjaxRatingVoteCount type="entry"$></span> votes cast)
AjaxRatingサンプル

＊Movable Typeのバージョンアップ時に関連ファイルをいくつか消去してしまった関係でただいま機能していません。
＊どうやらMT4用にバージョンアップしているようです。
　バグもいくつか修正されているらしいので、MT3を利用している方もバージョンアップしてください。
　またMT4ではTemplateInstallerというプラグインも必要になるようです。
　AjaxRatingプラグインもTemplateInstallerに同梱されているもので上書きしてください。


AjaxRatingタグ一覧
＊MTAjaxStarRater：サンプルのような星形の投票を表示します。MTEntriesタグで囲まれた場所かアーカイブテンプレートで使用してください。
　・typeーMTAjaxStarRater type="entry"もしくはMTAjaxStarRater type="blog"と書けます。なのでブログ自体への投票も可能です。
　・max_pointsーMTAjaxStarRater type="blog" max_points="5"最高得点を指定します。プラグインの設定でも出来ます。
　・idーidを指定すれば対象記事以外からの投票が可能です。
＊MTAjaxRatingTotalScoreー投票された合計得点を表示します。
＊MTAjaxRatingAverageScoreー投票された平均点を表示します。
＊MTAjaxRatingVoteCountー総投票数を表示します。
＊MTAjaxRatingEntryMaxー記事の最大ポイントを表示します。プラグインの設定でもできます（？）
＊有償で高機能版のAjaxRating Proあり。

記事作成：2007年07月13日

前の記事：色をHEX、RGB、HSBで表示するカラーピッカーjavascript「mooRainbow」
次の記事：華麗なメニューを作成するjavascript「FancyMenu」