jQuery Bar Rating

JavaScript

選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィジェットに変換することができるjQueryプラグインです。パッとイメージできない方も多いかもれません。例えば、何かの評価についてウェブサイトでアンケートを実施した際、評価数値を1~10の間で回答してもらうとします。ユーザーがその場で選択した評価をウィジェットに変換し、即座にウェブサイト内で表示してくれます。

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を使用すれば、ユーザーがクリックしたくなるサイトを作ることができると思います。

アンケートなどの評価以外でも、簡単なプロフィール入力、受付フォームなどへも活用できそうですね。

jQuery Bar Rating

関連記事

  1. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  2. Animsition
  3. Huebee

    JavaScript

    オシャレなカラーピッカーを手軽に表示させれる「Huebee」

    Huebeeはシンプルでオシャレなカラーピッカーを手軽に表示させること…

  4. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  5. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  6. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP