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. js-offcanvas

    JavaScript

    上下左右にオフキャンバスのナビゲーションを実装できる「js-offcanvas」

    js-offcanvasは、上下左右にオフキャンバスのナビゲーションを…

  2. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  3. FixedContent.js

    JavaScript

    モバイルフレンドリーなコンテンツ固定のjQueryプラグイン「FixedContent.js」

    FixedContent.jsはスクロールしてもコンテンツを固定してく…

  4. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

  5. Points Of Interest

    JavaScript

    各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

    Points Of Interestはサイト内に設置した各ポイントを…

  6. parallax-background.js

最近の記事

  1. フィールグッドシャワー
  2. RP-PB055
  3. ESD-EFシリーズ

アーカイブ

PAGE TOP