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. jQuery Star Flashing Effect
  2. no-image
  3. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

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

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  5. Bootstrap Mobile FullScreen Modal
  6. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP