Dialogify

JavaScript

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

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

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

デモ

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

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

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

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

Dialogify

関連記事

  1. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

  2. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  4. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  5. Hamburger Icon Menu
  6. Animate Transition

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP