Connect two animations : connect « Dojo toolkit « JavaScript Tutorial





<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
      
    <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.require("dojo.fx");
dojo.addOnLoad(function(  ) {
    var box = dojo.byId("box");
    dojo.connect(box, "onclick", function(evt) {
        var a1 = dojo.fx.slideTo({
            node:box,
            top : "150",
            left : "300"
        });
        var a2 = dojo.fadeOut({
            node:box
        });
        dojo.fx.combine([a1,a2]).play(  );
    });
});
    
    
    </script>
  </head>
  <body class="tundra">
       <div id="box" style="background : red;height:400px">click</div>
</body>
</html>










29.7.connect
29.7.1.Connect animation
29.7.2.Connect two animations
29.7.3.Connect two functions together
29.7.4.Add event to a button with dojo.connect
29.7.5.Add event to a tag with dojo.connect