jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィジェットに変換することができるjQueryプラグインです。パッとイメージできない方も多いかもれません。例えば、何かの評価についてウェブサイトでアンケートを実施した際、評価数値を1~10の間で回答してもらうとします。ユーザーがその場で選択した評価をウィジェットに変換し、即座にウェブサイト内で表示してくれます。
jQuery Bar Ratingは、一言で言うとユーザーに楽しみを与えるプラグインでしょう。デモページをご覧ください。きっと楽しくなってくると思います。
jQuery Bar Rating
以下、jQuery Bar Ratingの実際のデモページになります。
まず、jQuery Bar Ratingの使用方法を簡単に説明します。
配布サイトから、jQuery Bar Ratingをダウンロードし、必要なcssファイルとjsファイルをサイトに読み込みます。jQueryの読み込みも忘れずに行いましょう。
次に、選択フィールドの作成です。例えば下記のように記述します。
<select id="example"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>
もし、テーマに沿って作成したいのならば、ページ上部へ以下のようにテーマを記載しましょう。
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"> <link rel="stylesheet" href="fontawesome-stars.css">
また、カスタマイズで選択肢の初期値を指定することができます。その他にも、選択のクリアや未選択であっても可とするかどうか(回答必須とするかどうか)など様々なことをカスタマイズできます。
最後に、jQuery Bar Ratingは、アンケートなど受け身で評価を得る際に効果的なプラグインです。強制力を持たないアンケートに関しては、いかに多くのユーザーに回答してもらえるかが重要となります。jQuery Bar Ratingを使用すれば、ユーザーがクリックしたくなるサイトを作ることができると思います。
アンケートなどの評価以外でも、簡単なプロフィール入力、受付フォームなどへも活用できそうですね。
ダウンロードや詳しい使い方は以下からどうぞ。