Create data input 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");
function checkPw(dialogFields) {
alsert(dialogFields.confirmpw);
}
</script>
</head>
<body class="tundra">
<div dojoType="dijit.form.DropDownButton">
<span>Login Form</span>
<div dojoType="dijit.TooltipDialog" id="dialog1" title="Login Form" execute="checkPw(arguments[0]);">
<table>
<tr>
<td><label for="name" title="User name">Username</label></td>
<td><input dojoType="dijit.form.TextBox" type="text" name="oldpw"></td>
</tr>
<tr>
<td><label for="loc">Password: </label></td>
<td><input dojoType="dijit.form.TextBox" type="password" name="newpw"></td>
</tr>
<tr>
<td><label for="desc">Confirm Password:</label></td>
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw"></td>
</tr>
<tr>
<td colspan="2" align="center">
<button dojoType="dijit.form.Button" type="submit">Login</button></td>
</tr>
</table>
</div>
</div>
</body>
</html>