•  Print this page
    Print this page

Dojo
 
 
The Dojo Toolkit is a modular open source JavaScript toolkit (or library), designed to ease the rapid development of cross platform, JavaScript/Ajax based applications and web sites.
More information about Dojo can be found at: http://dojotoolkit.org/

The latest Dojo toolkit version can be downloaded from: http://dojotoolkit.org/download/

Quick guides







Dojo examples



Example Description
Body class
Example 1 Show difference between the following classes: tundra, nihilo, soria and a11y.
Button
Example 1 Create button and when button is pressed show popup message.
Debug
Example 1 Show debug window and log messages.
Example 2 Make links not clickable. If a link is clicked, it is logged.
Example 3 Log before animation is started and log after it is finished.
Example 4 Show all fx.easing.nnn functions inside debug window.
Example 5 Connect and call methods.
Event
Example 1 Cursor changes when hovering over a text. The text is changed when clicked on.
Example 2 Make a link not clickable.
Example 3 Fade out text when clicked on.
Form fields
Example 1 Create CheckBox, CurrencyTextBox, DateTextBox, TextBox.
Layout
Example 1 Show basic layout example.
Move
Example 1 Move text to another location.
Example 2 Move text to another location and at the same time fade out text.
Read data
Example 1 Read data file.
Source: dojo_example_data_1.txt
Example 2 Enter data in input field and sent data to php script for processing using GET.
Source: dojo_response_get.php
Example 3 Enter data in input field and sent data to php script for processing using POST.
Source: dojo_response_post.php
Text
Example 1 Change text, add style to a text and fade out text
Example 2 Add styles to multiple text lines and fade out text lines.
Example 3 Fade out text method 1.
Example 4 Fade out text method 2.
Example 5 Fade out text, fade in text and make text bigger.
Example 6 Make text bigger and fade out.
Example 7 Fade out text, fade in text.
Example 8 Fade out text, replace text and fade in new text. Method 1.
Example 9 Fade out text, replace text and fade in new text. Method 2.
Example 10 Simultaneously increase font size, change text color and fade out text (not completely).
Example 11 Display text and backout at the end.
TitlePane
Example 1 Show TitlePane.
ToolTip
Example 1 Show ToolTip.