このページの本文へ

海外で流行中のダイアログ表示をjQuery UIで (3/3)

2009年07月16日 15時00分更新

文●藤本 壱

  • この記事をはてなブックマークに追加
本文印刷

ダイアログボックスの開閉

 初期化が終わったら、$(要素).dialog('open'); でダイアログボックスを表示できます。ダイアログを閉じるのは、$(要素).dialog('close'); です。

 なお、ダイアログボックス内の入力要素(inputなど)は自動的には初期化されません。初期化が必要であれば、$(要素).dialog('open'); でダイアログボックスを開く前に初期化します。


 以上、ここまでで紹介した方法でダイアログボックスを表示するサンプルを以下に公開しました。HTMLやスクリプトの具体的な書き方は、このページのソースコードを参考にしてください。また、ダイアログボックスの詳しい情報は、jQuery UIの公式サイトが充実しています。


●サンプル(筆者のサイト)

 http://www.h-fj.com/ascii/dialog/sample.html


●jQuery UI公式サイトのドキュメント

 http://jqueryui.com/demos/dialog/

前へ 1 2 3 次へ

Web Professionalトップへ

この記事の編集者は以下の記事をオススメしています