blob: 93b323e16b873d841df229da9db07a7e0dc0a89b [file] [log] [blame]
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.lfx.extras");
dojo.require("dojo.lfx.html");
dojo.require("dojo.lfx.Animation");
dojo.lfx.html.fadeWipeIn = function (nodes, duration, easing, callback) {
nodes = dojo.lfx.html._byId(nodes);
var anim = dojo.lfx.combine(dojo.lfx.fadeIn(nodes, duration, easing), dojo.lfx.wipeIn(nodes, duration, easing));
if (callback) {
anim.connect("onEnd", function () {
callback(nodes, anim);
});
}
return anim;
};
dojo.lfx.html.fadeWipeOut = function (nodes, duration, easing, callback) {
nodes = dojo.lfx.html._byId(nodes);
var anim = dojo.lfx.combine(dojo.lfx.fadeOut(nodes, duration, easing), dojo.lfx.wipeOut(nodes, duration, easing));
if (callback) {
anim.connect("onEnd", function () {
callback(nodes, anim);
});
}
return anim;
};
dojo.lfx.html.scale = function (nodes, percentage, scaleContent, fromCenter, duration, easing, callback) {
nodes = dojo.lfx.html._byId(nodes);
var anims = [];
dojo.lang.forEach(nodes, function (node) {
var outer = dojo.html.getMarginBox(node);
var actualPct = percentage / 100;
var props = [{property:"width", start:outer.width, end:outer.width * actualPct}, {property:"height", start:outer.height, end:outer.height * actualPct}];
if (scaleContent) {
var fontSize = dojo.html.getStyle(node, "font-size");
var fontSizeType = null;
if (!fontSize) {
fontSize = parseFloat("100%");
fontSizeType = "%";
} else {
dojo.lang.some(["em", "px", "%"], function (item, index, arr) {
if (fontSize.indexOf(item) > 0) {
fontSize = parseFloat(fontSize);
fontSizeType = item;
return true;
}
});
}
props.push({property:"font-size", start:fontSize, end:fontSize * actualPct, units:fontSizeType});
}
if (fromCenter) {
var positioning = dojo.html.getStyle(node, "position");
var originalTop = node.offsetTop;
var originalLeft = node.offsetLeft;
var endTop = ((outer.height * actualPct) - outer.height) / 2;
var endLeft = ((outer.width * actualPct) - outer.width) / 2;
props.push({property:"top", start:originalTop, end:(positioning == "absolute" ? originalTop - endTop : (-1 * endTop))});
props.push({property:"left", start:originalLeft, end:(positioning == "absolute" ? originalLeft - endLeft : (-1 * endLeft))});
}
var anim = dojo.lfx.propertyAnimation(node, props, duration, easing);
if (callback) {
anim.connect("onEnd", function () {
callback(node, anim);
});
}
anims.push(anim);
});
return dojo.lfx.combine(anims);
};
dojo.lang.mixin(dojo.lfx, dojo.lfx.html);