151 lines
5.2 KiB
HTML
151 lines
5.2 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Testing dojo.fx extensions to dojo.NodeList</title>
|
||
|
|
<style type="text/css">
|
||
|
|
@import "../resources/dojo.css";
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript"
|
||
|
|
src="../dojo.js" djConfig="isDebug: true, popup: true"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
dojo.require("doh.runner");
|
||
|
|
dojo.require("dojo.NodeList-fx");
|
||
|
|
|
||
|
|
dojo.addOnLoad(function(){
|
||
|
|
doh.register("t",
|
||
|
|
[
|
||
|
|
function fadeOut(){
|
||
|
|
dojo.query("p").style("opacity", 1);
|
||
|
|
var anim = dojo.query("p").fadeOut();
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
return dojo.style(item, "opacity") == 0;
|
||
|
|
}));
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
anim.play();
|
||
|
|
return d;
|
||
|
|
},
|
||
|
|
function fadeIn(){
|
||
|
|
dojo.query("p").style("opacity", 0);
|
||
|
|
var anim = dojo.query("p").fadeIn();
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
return dojo.style(item, "opacity") == 1;
|
||
|
|
}));
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
anim.play();
|
||
|
|
return d;
|
||
|
|
},
|
||
|
|
function wipeOut(){
|
||
|
|
dojo.query("p").style("height", "");
|
||
|
|
var anim = dojo.query("p").wipeOut();
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
return dojo.style(item, "height") == 0;
|
||
|
|
}));
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
anim.play();
|
||
|
|
return d;
|
||
|
|
},
|
||
|
|
function wipeIn(){
|
||
|
|
dojo.query("p").style("height", 0);
|
||
|
|
var anim = dojo.query("p").wipeIn();
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
// FIXME: need a more robust test for "have wiped all the way in"
|
||
|
|
return dojo.style(item, "height") != 0;
|
||
|
|
}));
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
anim.play();
|
||
|
|
return d;
|
||
|
|
},
|
||
|
|
function slideTo(){
|
||
|
|
var anim = dojo.query("p").slideTo({
|
||
|
|
left: 500
|
||
|
|
});
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
// FIXME: need a more robust test for "have wiped all the way in"
|
||
|
|
return dojo.style(item, "left") == 500;
|
||
|
|
}));
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
anim.play();
|
||
|
|
return d;
|
||
|
|
},
|
||
|
|
function anim(){
|
||
|
|
dojo.query("p").style("position", "");
|
||
|
|
dojo.query("p").style("left", "");
|
||
|
|
var anim = dojo.query("p").anim({
|
||
|
|
width: 500
|
||
|
|
});
|
||
|
|
console.debug(anim);
|
||
|
|
var d = new doh.Deferred();
|
||
|
|
dojo.connect(anim, "onEnd", function(){
|
||
|
|
/*
|
||
|
|
doh.t(dojo.query("p").every(function(item){
|
||
|
|
// FIXME: need a more robust test for "have wiped all the way in"
|
||
|
|
return dojo.style(item, "width") == 500;
|
||
|
|
}));
|
||
|
|
*/
|
||
|
|
d.callback(true);
|
||
|
|
});
|
||
|
|
return d;
|
||
|
|
}
|
||
|
|
]
|
||
|
|
);
|
||
|
|
doh.run();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
|
||
|
|
sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta
|
||
|
|
rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi.
|
||
|
|
Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis.
|
||
|
|
Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae
|
||
|
|
risus.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
|
||
|
|
imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
|
||
|
|
nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
|
||
|
|
massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
|
||
|
|
pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
|
||
|
|
quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
|
||
|
|
felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
|
||
|
|
quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
|
||
|
|
rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
|
||
|
|
semper velit ante id metus. Praesent massa dolor, porttitor sed,
|
||
|
|
pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
|
||
|
|
tortor pharetra congue. Suspendisse pulvinar.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
|
||
|
|
imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
|
||
|
|
nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
|
||
|
|
massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
|
||
|
|
pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
|
||
|
|
quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
|
||
|
|
felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
|
||
|
|
quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
|
||
|
|
rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
|
||
|
|
semper velit ante id metus. Praesent massa dolor, porttitor sed,
|
||
|
|
pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
|
||
|
|
tortor pharetra congue. Suspendisse pulvinar.
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|