Magazine
 
Dojo Tutorial

enough to convert regular id attributes to widgetId’s if no widgetId‘ attribute is explicitly named.

Connecting an Event to the Widget When you click the command button then it doing something? We specify an onClick event handler for the given command button.

dojo.require(“dojo.event.*”);
Above code we use “dojo.event.*” that includes all events functionality of Dojo (But not all widgets).

Following function that will called by the button when we clicked. After clicking the “helloPressed” method is called and it displays an alert message like: “Click on the Hello World Button”.

function helloPressed()
{
alert(‘Click on the Hello World Button’);
}
Here is the code of program:
<html>
<head>
<title>button</title>
<script type=”text/javascript”>
dojo.require(“dojo.event.*”);
dojo.require(“dojo.widget.*”);
dojo.require(“dojo.widget.Button”);
function helloPressed()
{
alert(‘Click on the Hello World Button’);
}
function init()
{
var helloButton =
dojo.widget.byId(‘helloButton’);
dojo.event.connect(helloButton, ‘onClick’,
‘helloPressed’)
}
dojo.addOnLoad(init);
</script>

 

</head>
<body bgcolor=”#FFFFCC”>
<p align=”center”><font size=”6"
color=”#800000">Welcome to Roseindia
Dojo Project</font></p>
<button dojoType=”Button”
widgetId=”helloButton”
onClick=”helloPressed();”>Hello World!</
button>
<br>
</body>
</html>

Output of program:

Tool tips Example
Tool tips: This is a GUI (Graphical User Interface) element that is used in conjunction with a cursor and usually a mouser pointer. If the mouse cursor over an item, without
clicking a mouse it appears a small box with supplementary information regarding the items. Here is the code of program:

<html>
<head>
<title>Tooltip Demo</title>
<style type=”text/css”>
@import “../resources/dojo.css”;

March 2008 | Java Jazz Up | 41
 
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