Skip to Content | Skip to Navigation

Getting started with some simple steps

Status:Draft
Version:1.0
Authors:Alex Russell

Getting up-and-running with Dojo couldn’t be easier. Just include this line in your web page:

<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js">
</script>

Dojo's now included on your page, no install, no fuss. So what do you get for all that hard work?

As the example below shows, animations, event handling, and a wealth of other utilities are instantly available:

Table Of Contents

Previous topic

JavaScript events and Dojo

Next topic

Hello, World!

This Page

© Copyright 2009, Dojo Foundation. Created using Sphinx 0.6.3.
  • Demo
  • Copy&Paste
  • JavaScript
  • HTML
 
Copy to clipboard

To run the demo in your own environment, copy and paste the full source into an editor and open it in a browser.

Copy to clipboard
<script>
    dojo.addOnLoad(function() {
        dojo.query("#showMe").onclick(function(e) {
            var node = e.target;

            var a = dojo.anim(node, {
                backgroundColor: "#363636",
                color: "#f7f7f7"
            },
            1000);

            dojo.connect(a, "onEnd", function() {
                dojo.anim(node, {
                    color: "#363636"
                },
                null, null, function() {
                    node.innerHTML = "wow, that was easy!";
                    dojo.anim(node, {
                        color: "white"
                    });
                });
            });
        });
    });
</script>
Copy to clipboard
<div id="showMe" style="padding: 10px;">
    click here to see how it works
</div>
Theme:
Version:
Language:
Rtl:
A11y: