Get date from dialog : Dialog « Dojo toolkit « JavaScript DHTML






Get date from 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>

   
  








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.Create data input dialog
2.Dialog button action
3.Hide dialog
4.Popup dialog
5.Simple dialog
6.Login dialog
7.Create a dialog declaratively
8.Create a dialog with your code