Dialogify

JavaScript

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

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

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

デモ

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

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

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

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

Dialogify

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

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

関連記事

  1. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  2. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  3. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  4. Relocator
  5. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  6. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP