Query element id and add action

 

<html>
<head>
<title>Dojo example</title>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
    dojo.addOnLoad(function(){
        dojo.query("#showMe").onclick(function(e){
            var node = e.target;

            var a = dojo.anim(node, {
                backgroundColor: "#ff0",
                color: "#00f"
            }, 1000);

            dojo.connect(a, "onEnd", function(){
                dojo.anim(node, { color: "#0ff" }, null, null, function(){
                    node.innerHTML = "Alert!";
                    dojo.anim(node, { color: "red" });
                });
            });
        });
    });
</script>
<body>
<div id="showMe">
    click me
</div>
</body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Query dojo icon class with dojo.query()
2.	Query style
3.	Query style from tag
4.	Query to object
5.	Object to query
6.	Get tag by ID and change inner html

Query element id and add action : query « Dojo toolkit « JavaScript DHTML

Related examples in the same category