Magazine
 
Dojo Tutorial

@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.Tooltip”);
</script>
</head>
<body class=”tundra”>
<b>Tooltips:</b> <br><br>
<span id=”site1">Roseindia.net</span>
<div dojoType=”dijit.Tooltip”
connectId=”site1"
label=”This is a software developement
company!”>
</div><br><br><br>
<span id=”site2">Newstrackindia.com</
span>
<div dojoType=”dijit.Tooltip”
connectId=”site2" label=”This is a news
publishing site!”>
</div>
</body>
</html>

Output of the program:
Whenever your mouse pointer goes on the Roseindia.net then you get:

Whenever your mouse pointer goes on the Newstrackindia.com then you get:

 

Inline DateTextBox

Here,you will learn about the dojo inline DateTextBox and how to create a inline DateTextBox and how to make its editable. The following code is the InlineEditBox that edits
date of dijit.form.DateTextBox save it automatically. The inner textarea tag is the Textarea widget. When a user run this code then they see the paragraph of rich text. If
user clicks the text, the plain text appears in paragraph. If you want to change the value then click the date text and select the appears date.

The InlineEditBox has methods get/ setDisplayedValue, inline. The following code shows the DateTextBox that makes inline in HTML.

Here is the code of program:

<html>
<head>
<title>InlineEdit Date 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.InlineEditBox”);
dojo.require(“dijit.form.DateTextBox”);
</script>

March 2008 | Java Jazz Up | 42
 
previous
index
next
 
View All Topics
All Pages of this Issue
Pages: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29,

30
, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53 , 54, 55, 56, 57,

58
, 59,

Download PDF