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

jExcelExcelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」前のページ

画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」次のページblurify

関連記事

  1. qpScroll
  2. Tiny Colorpicker
  3. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

  4. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  5. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  6. EZ Tabs jQuery Plugin

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP