ダイアログウィンドウ
dijit. シンプルなダイアログを表示します。
<script type="text/javascript">
//bodyにテーマクラスを指定
dojo.query("body").addClass("tundra");
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
</script>
<style>
@import "/js/dojoroot/dijit/themes/tundra/tundra.css";
#dialog1{color:#000;}
</style>
<div class="tundra">
<button dojoType="dijit.form.Button"
onclick="dijit.byId('dialog1').show()">
<span style="color:#000">ダイアログ表示</span>
</button>
<div dojoType="dijit.Dialog" id="dialog1"
title="ダイアログ" execute="alert('OK!');">
<div style="text-align:center">
ダイアログです
<button dojoType="dijit.form.Button"
type="submit">
O K</button>
</div>
</div>
</div>
ダイアログは、半透明の背景を被せその上にダイアログを表示するため、ブログ内のように BODY に Themeクラスを適用できないと表示できないため、dojo.query を使ってBODYエレメントを取り出し、addClass でテーマのクラス名を追加しています。ダイアログウィンドウはタイトルバーをドラッグしてウィンドウを移動できます。
サンプル：
ダイアログです