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

hsimpパスワードの安全性を教えてくれる「hsimp」前のページ

テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」次のページmarginotes

関連記事

  1. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  2. Changing Background Color while scrolling
  3. jqueryIntroLoader
  4. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

  5. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  6. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP