jquery.confirm

JavaScript

jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confirm」

jquery.confirmは、ページ内のボタンやリンクをクリックするとダイアログでメッセージを表示する機能を備えたjQueryプラグインです。このプラグインを使用する基本的な目的は、リンク先への移行を確認する場合や、移行前にユーザーに確認して欲しい重要事項などを伝える場合などです。jquery.confirmには、jQuery1.8以降のバージョンと、Bootstrapが必要です。Bootstrapとは、Twitter社で開発されたHTML、CSS、JavaScriptフレームワークです。

ターゲットであるユーザーかどうかの判断にも便利

デモ

ウェブ制作を行う際に最も大切なことは、「ターゲットの設定」です。そのターゲットに合ったUI・UXデザインを心がけることで、ユーザー(訪問者)も快適にページを閲覧することができ、アクセスアップに繋がります。

このjquery.confirmには、ターゲットであるユーザーであるかを判断してくれる側面があると思います。重要なボタンやリンクをクリックする時にダイアログでメッセージを表示し、「YES」or「NO」をさらにボタンクリックで答えてもらうと、リンク先がユーザーにとって本当に必要なページかを判断してもらえるということです。

例えば、

「30代の医療保険のご案内です。あなたは該当しますか?」
「このアンケートはWEBページで公開される場合があります。本当に回答しますか?」

などです。

他にもオプションを活用すれば、確認ボタンやキャンセルボタンでユーザーが選択した結果によってどのページへ移行するのかを指定できます。問い合わせフォームなどでも活躍するプラグインだと思います。

jquery.confirm

関連記事

  1. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

  2. Grasp Mobile Progress Circle
  3. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  4. Sliding Panels Template
  5. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  6. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP