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

星形投票システムを実現するjavascript「StarBox 」

｜ ｜ ｜ ｜ ｜ ｜ ｜

よくブログなどでは星形の投票システムを見かけます。
StarBoxではprototypeとscript.aculo.usで実現しています。

使用方法
StarBoxからstarbox.jsなどを、script.aculo.usからv1.8のファイル一式をダウロードします。
<script src="http://yourdomain/prototype.js" type="text/javascript"></script>
<script src="http://yourdomain/scriptaculous.js?load=effects"></script>
<script src="http://yourdomain/starbox.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://yourdomain/starbox.css">
＊starbox.cssとstarbox.jsには画像をしているところがあるので適宜変更してください。
最後に以下のように書き込めば完成です。
<div id="id名"></div>
<script type="text/javascript">
new Starbox('id名', 投票数);
</script>
またオプションには星形投票システムを実現するjavascript「StarBox 」サンプルのようなものがあります。

記事作成：2007年12月25日

前の記事：Movable TypeをiPhone&iPod touchでも使用できるプラグイン「iMT」
次の記事：Movable TypeをiPhone&iPod touchでも使用できるプラグイン「iMT」