Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

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