DOJOTOOLKIT


The Dojo toolkit is a modular open source JavaScript toolkit (or library), designed to ease the rapid development of JavaScript- or Ajax-based applications and web sites. It was started by Alex Russell in 2004 and is dual-licensed under the BSD License and the Academic Free License. The Dojo Foundation is a non-profit organization designed to promote the adoption of the toolkit.

Features

Widgets

Dojo widgets are prepackaged components of JavaScript code, HTML markup and CSS style declarations that can be used to enrich websites with various interactive features that work across browsers:

• Menus, tabs and tooltips.
• Sortable tables, dynamic charts and general 2-D vector drawings.
• Animated effects like fades, wipes and slides, and facilities for constructing custom animation effects.
• Tree widgets supporting drag-and-drop.
• Various comfortable forms, and routines for validating form input.
• A calendar-based date selector, a time selector, and a clock.
• An inline rich text editor.
• Core widget set (dijit) is accessible to low vision, screen reader and keyboard only users. Screen reader accessibility is implemented via Accessible Rich Internet Applications (ARIA) Specification and supported in Firefox.

 

Asynchronous communication

One important feature of Ajax applications is asynchronous communication of the browser with the server: information is exchanged and the page's presentation is updated without a need for reloading the whole page. Traditionally, this is being done with the JavaScript command XMLHttpRequest. Dojo provides an abstracted wrapper (dojo.io.bind) around various web browsers' implementations of XMLHttpRequest, which can also use other transports (such as hidden IFrames) and a variety of data formats. Using this approach, it is easy to have the data a user enters into a form sent to the server "behind the scenes"; the server can then reply with some JavaScript code that updates the presentation of the page.

 

JavaScript programming

A number of Dojo features facilitate programming in JavaScript:

• Abstraction of the execution environment; Dojo provides facilities for detecting and dealing with the differences between various web browsers and other JavaScript execution environments (such as Rhino).
• Dojo supports the development and distribution of custom reusable widgets and includes a library of DOM manipulation utilities.
• An event system which allows code to be marked for execution not only on DOM events but on arbitrary events such as calls to a particular function; this enables more robust use of aspect-oriented programming than is typically seen in JavaScript.
• An abstracted interface for the manipulation of JavaScript classes which provides subclassing functionality and allows extension of existing classes through a set of utility functions instead of direct manipulation of object prototypes.
• A mechanism for currying JavaScript functions.

 

Packaging system

Dojo provides a packaging system to facilitate modular development of functionality in individual packages and sub-packages; the base Dojo "bootstrap" script initializes a set of hierarchical package namespaces -- "io", "event", etc. -- under a root "dojo" namespace. After initialization of the root namespace any Dojo package can be loaded (via XMLHttpRequest or other similar transport) by using utility functions supplied in the bootstrap. It is also possible to initialize additional namespaces within or parallel to the "dojo" namespace, allowing extensions of Dojo or the development of private Dojo-managed namespaces for third-party libraries and applications.

Dojo packages can consist of multiple files, and can specify which files constitute the entire package. Any package or file can also specify a dependency on other packages or files; when the package is loaded, any dependencies it specifies will also be loaded.

Workarounds for cross-domain loading of most Dojo packages are provided (though this requires a specialized build of Dojo).

Dojo also provides a mechanism for building "profiles"; the build system takes as input a list of packages, and uses Apache Ant to create a single compressed JavaScript file containing those packages and all their dependencies. This allows all necessary code to be loaded and initialized at once, and permits caching of the code (most web browsers do not cache files loaded via XMLHttpRequest). Pre-built profiles for some common use cases are available for download from the same location as the full toolkit.

 

Client-side data storage

In addition to providing support functions for reading and writing cookies, Dojo also provides a local, client-side storage abstraction named Dojo Storage. Dojo Storage allows web applications to store data on the client-side, persistently and securely and with a user's permission. It works across existing web browsers, including Internet Explorer, Firefox, and Safari. When included in a web page, Dojo Storage determines the best method for persistently storing information. On Firefox 2, it uses native browser persistence; on other browsers it uses a hidden Flash applet. With Flash 6+ being installed on about 95% of computers connected to the web ^[1], this makes the storage mechanism accessible for much of the web's installed base. For a web application that is being loaded from the file system (i.e. from a file:// URL), Dojo Storage will transparently use XPCOM on Firefox and ActiveX on Internet Explorer to persist information. The programmer using Dojo Storage is encapsulated from the storage mechanism used, and is presented with a simple hash table abstraction, with methods such as put() and get().

Example program --http://siva2baba.diinoweb.com