jQuery Simple Half-Star Rating Plugin
最近また学習意欲があがってきたので、前々からトライしたかった
jQueryをやってみる。
All Aboutの記事を参考に、サンプルを2,3動かしつつ
http://allabout.co.jp/internet/javascript/library/mlibrary.htm?lp=2
以前から直感的操作がユーザーにわかりやすくて、
是非導入してみたかったスターレイティングを試す。
jQuery Simple Half-Star Rating Plugin
http://plugins.learningjquery.com/half-star-rating/
驚くほど簡単でびっくりした。
必要なライブラリを読み込んで以下を記述。
rating(
'POSTされる先',
{maxvalue:星の数,
curvalue:デフォルトで星がマークされている数,
increment:コンマ0.5まで星の評価をさせるか
})
このプラグインを使う際の注意書きがブログにあったのでメモ。
http://www.learningjquery.com/2007/05/half-star-rating-plugin
javascriptが実装されていない、もしくは設定で無効のブラウザに対しては、星が表示されないので、javascriptが無効のユーザー向けの対策も考える必要がある。
その他に、Ajax+MySQL+PHPで作られたものもある。
Unobtrusive AJAX Star Rating Bar
http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
そして、CSSでHarfStarを作ってみた。
http://tonby.sakura.ne.jp/star.php