読者です 読者をやめる 読者になる 読者になる

迎 昭宏のブログ

IT業界で働きながら、週末はボルダリング。たまにライブ・フェス観戦。

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