git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojo/tests/NodeList-fx.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4         <head>
   5                 <title>Testing dojo.fx extensions to dojo.NodeList</title>
   6                 <style type="text/css">
   7                         @import "../resources/dojo.css";
   8                 </style>
   9                 <script type="text/javascript"
  10                         src="../dojo.js" djConfig="isDebug: true, popup: true"></script>
  11                 <script type="text/javascript">
  12                         dojo.require("doh.runner");
  13                         dojo.require("dojo.NodeList-fx");
  14
  15                         dojo.addOnLoad(function(){
  16                                 doh.register("t",
  17                                         [
  18                                                 function fadeOut(){
  19                                                         dojo.query("p").style("opacity", 1);
  20                                                         var anim = dojo.query("p").fadeOut();
  21                                                         var d = new doh.Deferred();
  22                                                         dojo.connect(anim, "onEnd", function(){
  23                                                                 doh.t(dojo.query("p").every(function(item){
  24                                                                         return dojo.style(item, "opacity") == 0;
  25                                                                 }));
  26                                                                 d.callback(true);
  27                                                         });
  28                                                         anim.play();
  29                                                         return d;
  30                                                 },
  31                                                 function fadeIn(){
  32                                                         dojo.query("p").style("opacity", 0);
  33                                                         var anim = dojo.query("p").fadeIn();
  34                                                         var d = new doh.Deferred();
  35                                                         dojo.connect(anim, "onEnd", function(){
  36                                                                 doh.t(dojo.query("p").every(function(item){
  37                                                                         return dojo.style(item, "opacity") == 1;
  38                                                                 }));
  39                                                                 d.callback(true);
  40                                                         });
  41                                                         anim.play();
  42                                                         return d;
  43                                                 },
  44                                                 function wipeOut(){
  45                                                         dojo.query("p").style("height", "");
  46                                                         var anim = dojo.query("p").wipeOut();
  47                                                         var d = new doh.Deferred();
  48                                                         dojo.connect(anim, "onEnd", function(){
  49                                                                 doh.t(dojo.query("p").every(function(item){
  50                                                                         return dojo.style(item, "height") == 0;
  51                                                                 }));
  52                                                                 d.callback(true);
  53                                                         });
  54                                                         anim.play();
  55                                                         return d;
  56                                                 },
  57                                                 function wipeIn(){
  58                                                         dojo.query("p").style("height", 0);
  59                                                         var anim = dojo.query("p").wipeIn();
  60                                                         var d = new doh.Deferred();
  61                                                         dojo.connect(anim, "onEnd", function(){
  62                                                                 doh.t(dojo.query("p").every(function(item){
  63                                                                         // FIXME: need a more robust test for "have wiped all the way in"
  64                                                                         return dojo.style(item, "height") != 0;
  65                                                                 }));
  66                                                                 d.callback(true);
  67                                                         });
  68                                                         anim.play();
  69                                                         return d;
  70                                                 },
  71                                                 function slideTo(){
  72                                                         var anim = dojo.query("p").slideTo({
  73                                                                 left: 500
  74                                                         });
  75                                                         var d = new doh.Deferred();
  76                                                         dojo.connect(anim, "onEnd", function(){
  77                                                                 doh.t(dojo.query("p").every(function(item){
  78                                                                         // FIXME: need a more robust test for "have wiped all the way in"
  79                                                                         return dojo.style(item, "left") == 500;
  80                                                                 }));
  81                                                                 d.callback(true);
  82                                                         });
  83                                                         anim.play();
  84                                                         return d;
  85                                                 },
  86                                                 function anim(){
  87                                                         dojo.query("p").style("position", "");
  88                                                         dojo.query("p").style("left", "");
  89                                                         var anim = dojo.query("p").anim({
  90                                                                 width: 500
  91                                                         });
  92                                                         console.debug(anim);
  93                                                         var d = new doh.Deferred();
  94                                                         dojo.connect(anim, "onEnd", function(){
  95                                                                 /*
  96                                                                 doh.t(dojo.query("p").every(function(item){
  97                                                                         // FIXME: need a more robust test for "have wiped all the way in"
  98                                                                         return dojo.style(item, "width") == 500;
  99                                                                 }));
 100                                                                 */
 101                                                                 d.callback(true);
 102                                                         });
 103                                                         return d;
 104                                                 }
 105                                         ]
 106                                 );
 107                                 doh.run();
 108                         });
 109                 </script>
 110         </head>
 111         <body>
 112                 <p>
 113                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
 114                 sagittis velit. Cras in mi. Duis porta mauris ut ligula.  Proin porta
 115                 rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi.
 116                 Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis.
 117                 Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae
 118                 risus.
 119                 </p>
 120                 <p>
 121                 Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
 122                 imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
 123                 nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
 124                 massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
 125                 pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
 126                 quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
 127                 felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
 128                 quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
 129                 rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
 130                 semper velit ante id metus. Praesent massa dolor, porttitor sed,
 131                 pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
 132                 tortor pharetra congue.  Suspendisse pulvinar.
 133                 </p>
 134                 <p>
 135                 Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
 136                 imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
 137                 nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
 138                 massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
 139                 pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
 140                 quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
 141                 felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
 142                 quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
 143                 rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
 144                 semper velit ante id metus. Praesent massa dolor, porttitor sed,
 145                 pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
 146                 tortor pharetra congue.  Suspendisse pulvinar.
 147                 </p>
 148         </body>
 149 </html>
 150