simpleDialog

JavaScript

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

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

simpleDialog

デモ

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

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

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

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

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

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

simpleDialog

関連記事

  1. BookBlock Revised
  2. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  3. Playful Little Tooltip Ideas
  4. Animsition
  5. Hamburger Icon Menu
  6. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP