skuare.net

星形投票システムを実現する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 」サンプルのようなものがあります。

｜ ｜ ｜ ｜ ｜ ｜

前の記事：テキストを複製できなくするjavascript「jQuery Disable Text Select Plugin」
次の記事：Movable TypeをiPhone&iPod touchでも使用できるプラグイン「iMT」

関連記事

• [prototype]AJAX Rating Stars
• [prototype]Rater
• [prototype]Atar Rating Form
• パスワード強度を視覚的に明示するjavascript「Password Strength」
• プロキシーライクなゲームを作成するjavascript「Blocks.js」