Dojo Dialog Box
In this section, you will learn about the dialog box
with tool tips and how to create it in dojo.
Try Online: Dialog
Box
Dialog Box : Dialog box is a rectangular GUI box
that either requests or provides information. Some dialog boxes present warnings
and options to choose from before windows can carry out a command. In dialog box
users can entered your information.
Here is the code of Program:
<html>
<head>
<title>TooltipDialog demo</title>
<style type="text/css">
@import "../resources/dojo.css";
@import "../dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="dojo.xd.js"
djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.TextBox");
function checkPw(dialogFields) {
if (dialogFields.confirmpw != dialogFields.newpw)
alert("Confirmation password is different.");
}
</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>
|
Output of the
Program:
When you click the following button then you get:
Again, fill the following dialog:
After clicking the "Login" command button you
get:
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Current Comments
1 comments so far (post your own) View All Comments Latest 10 Comments:Hi All,
Say I named this program as 'dialog.jsp', when I try to execute this 'dialog.jsp' in the browser it working fine, but when I add the same program in struts.xml action, ex:
<action name="Dojo"> <result>/pages/dialog.jsp</result>
</action>
When I try to execute 'Dojo.action' it is throwing below error message in firefox browser
dojo is not defined
dojo.require("dojo.parser");
I even added <s:head theme="ajax" debug="true"/> in <head> section.
Please let me know what changes I need to do to overcome this problem.
Thanks,
Sharath.
Posted by sharath on Thursday, 03.27.08 @ 18:14pm | #54502