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. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  2. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  3. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  4. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  5. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP