simpleDialog

JavaScript

レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

simpleDialogはレスポンシブに対応したポップアップ・ダイアログやカスタマイズ性のあるアラートを実装できるjQueryプラグインです。Bootstrapモーダルコンポーネントが使われています。

simpleDialog

デモ

デモではベーシックなタイプのモーダルやコールバックするものなどいくつかのサンプルが用意されています。

例えば、The Basic Modalのところにあるボタンをクリックすると、モーダルが表示されます。モーダル画面には質問とアンサーボタン(closeまたはOkay)が設置されています。背景にはオーバーレイもかかります。

また、ベーシックタイプの下にはサクセス時にコールバックが表示されるものがあり、その下にはキャンセル時にコールバックが表示されるものなどがあります。

このように、ユーザーの反応に対するアクションを予め設定できるので、カスタマイズ性も良好です。

ちなみに、Bootstrapの互換性はBootstrap 3とBootstrap 4の両方になります。

ライセンスはMITとのこと。レスポンシブに対応し、カスタマイズ性にも優れたポップアップ・ダイアログを実装したい人は、ぜひ「simpleDialog」を活用されてみてはいかがでしょうか?

simpleDialog

no-imageテキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」前のページ

長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」次のページShowMore.js

関連記事

  1. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

  2. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  3. no-image
  4. Siema

    JavaScript

    軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

    Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルー…

  5. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  6. TextFit

    JavaScript

    テキストをコンテナ幅にすばやくフィットさせる「TextFit」

    TextFitは、一行または複数行のテキストをコンテナ幅(オプションに…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP