Dialogify

JavaScript

カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

Dialogifyはカスタマイズできるダイアログやライトボックスなどを作成できるjQueryプラグインです。一般的なダイアログボックスはもちろん、モーダルウィンドウやAjaxを用いたダイアログなど、さまざまなタイプが実装可能です。

Ajaxでコンテンツの読み込みも可能

デモ

デモにはノーマルなダイアログからオーバーレイがかかるモーダルウィンドウ、Ajaxを使って読み込んだコンテンツを表示させるダイアログ、アラート、confirm、promptと、いろんな種類のダイアログボックスが用意されています。

1つのプラグインでこれだけいろんなダイアログボックスを実装できるのはとても便利ですね。

ダイアログボックス内に表示させる選択のテキスト(取消や確定など)は、.buttons内にある「text」から好きな文字を設定できます。ほかにも、アラートで表示させるテキストやOK時に表示させるテキスト、キャンセル時に表示させるテキストの指定など、手軽にカスタマイズ可能です。

デモページには各デモごとに実際のコードの記述例も記載されているので、参考になるはずです。カスタマイズ性の高いダイアログボックスを実装したい人は、ぜひDialogifyを活用されてみてはいかがでしょうか?

Dialogify

rpageBootstrapを使ったレスポンシブなページネーション「rpage」前のページ

スクロールしても要素を固定できるJSライブラリ「HC Sticky」次のページHC Sticky

関連記事

  1. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  2. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  3. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  4. Maximum Characters limit exceeded warning
  5. Stackbox.js

    JavaScript

    プルプル震えるモーダルボックスを実装できるjQueryプラグイン「Stackbox.js」

    Stackbox.jsというjQueryプラグインを使えば、プルプル震…

  6. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

最近の記事

  1. 桜と太陽
  2. ベルボン Mシリーズ
  3. ネック冷却ファン NRF10
  4. Kindle 8GBモデル
  5. プロテクティングクロス PC-E2

アーカイブ

PAGE TOP