非常にきれいなアラートを表示する「jQuery Alert Dialogs」

Check このエントリーをはてなブックマークに追加

配布元：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)
ライセンス：GNU General Public License.

「jQuery Alert Dialogs」はjQueryで非常に美しいアラートやプロンプトを表示するJavaScriptライブラリです。

使い方

jquery.jsと配布元よりダウンロードしたjquery.alerts.jsとjquery.ui.draggable.js、jquery.alerts.cssをhead要素などで読み込みます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.alerts.js"></script>
<script type="text/javascript" src="jquery.ui.draggable.js"></script>
<link rel="stylesheet" href="jquery.alerts.css" type="text/css" />

アラートを表示するには以下の関数を実行します。

jAlert('アラートに表示する内容', 'アラートのタイトル');

サンプル

内容にはxhtml要素を利用することも可能です。

サンプル

確認ダイアログを表示するには以下の関数を実行します。

jConfirm('確認の内容', '確認のタイトル', function(r) {確認後の処理});

確認後の処理ではrに確認時に押されたボタンの内容(true,false)を利用することができます。

サンプル

入力プロンプトを利用する場合には以下の関数を実行します。

jPrompt('入力メッセージ', '初期値', '入力プロンプトタイトル', function(r) {入力後の処理});

入力後の処理ではrに入力された内容が入っています。

デザインはCSSで制御されている為、jquery.alerts.cssを変更することによりお好みのスタイルで利用することも可能です。

スポンサードリンク

コメント

カテゴリー：jQuery フォームコントロール フローティングウィンドウ ライブラリ 表示 製作補助系