Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Hide 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);       function showDialog() {         dijit.byId('dialog1').show();       }       function hideDialog() {         dijit.byId('dialog1').hide();       }     </script>   </head>   <body class="tundra">     <div dojoType="dijit.Dialog" id="dialog1" title="Forgot Password">       <form action="" method="post" validate="true" id="resetPasswordForm">         <table width="308">           <tr>             <td colspan="2"><label>Login Name</label></td>             <td><input type="text" trim="true" dojoType="dijit.form.TextBox" value="" name="userName" id="userName"/></td>           </tr>           <tr>           <td align="right">           <button dojoType="dijit.form.Button" type="submit" onclick="alert("ok")" id="reset">Ok </button></td>           <td align="right" valign="top"><button dojoType="dijit.form.Button" type="submit" onClick="hideDialog()"  id="cancel1">Hide Dialog </button></td></tr>         </table>       </form>     </div>      </body> </html>