Create data input dialog : Dialog « Dojo toolkit « JavaScript Tutorial






<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>








29.66.Dialog
29.66.1.Create data input dialog
29.66.2.Get date from dialog
29.66.3.Dialog button action
29.66.4.Hide dialog
29.66.5.Popup dialog
29.66.6.Simple dialog
29.66.7.Login dialog
29.66.8.Create a dialog declaratively
29.66.9.Create a dialog with your code