Popup dialog : Dialog « Dojo toolkit « JavaScript Tutorial
- JavaScript Tutorial
- Dojo toolkit
- Dialog
<html>
<head>
<link rel="StyleSheet" type="text/css"
href="js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript">
var djConfig = {
baseScriptUri : "js/dojo/",
parseOnLoad : true
};
</script>
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
<script>
dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.TextBox");
dojo.addOnLoad(showDialog);
dojo.addOnLoad(hideDialog);
function showDialog() {
dijit.byId('dialog1').show();
}
</script>
</head>
<body class="tundra">
<div dojoType="dijit.Dialog" id="dialog1" title="Login">
<form validate="true">
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr><td><div dojoType="dijit.form.DropDownButton">
<span>Change Password</span>
<div dojoType="dijit.TooltipDialog" id="dialog12" title="First Dialog" execute="checkPw(arguments[0]);">
<table>
<tr>
<td><label for="desc">Password: </label></td>
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw" id="confirmpw"></td>
</tr>
<tr>
<td colspan="2" align="center">
<button dojoType=dijit.form.Button type="submit" onclick="alert("submit");">Submit</button></td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>