simpleDialog

JavaScript

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

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

simpleDialog

デモ

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

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

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

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

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

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

simpleDialog

関連記事

  1. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  2. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  3. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  4. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  5. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  6. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP