120 lines
2.9 KiB
JavaScript
120 lines
2.9 KiB
JavaScript
|
/*
|
||
|
|
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.wipeIn(nodes, duration, easing),
|
||
|
|
dojo.lfx.fadeIn(nodes, duration, easing));
|
||
|
|
|
||
|
|
if(callback){
|
||
|
|
dojo.event.connect(anim, "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.wipeOut(nodes, duration, easing),
|
||
|
|
dojo.lfx.fadeOut(nodes, duration, easing));
|
||
|
|
|
||
|
|
if(callback){
|
||
|
|
dojo.event.connect(anim, "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 origWidth = dojo.style.getOuterWidth(node);
|
||
|
|
var origHeight = dojo.style.getOuterHeight(node);
|
||
|
|
|
||
|
|
var actualPct = percentage/100.0;
|
||
|
|
var props = [
|
||
|
|
{ property: "width",
|
||
|
|
start: origWidth,
|
||
|
|
end: origWidth * actualPct
|
||
|
|
},
|
||
|
|
{ property: "height",
|
||
|
|
start: origHeight,
|
||
|
|
end: origHeight * actualPct
|
||
|
|
}];
|
||
|
|
|
||
|
|
if(scaleContent){
|
||
|
|
var fontSize = dojo.style.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.style.getStyle(node, "position");
|
||
|
|
var originalTop = node.offsetTop;
|
||
|
|
var originalLeft = node.offsetLeft;
|
||
|
|
var endTop = ((origHeight * actualPct) - origHeight)/2;
|
||
|
|
var endLeft = ((origWidth * actualPct) - origWidth)/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){
|
||
|
|
dojo.event.connect(anim, "onEnd", function(){
|
||
|
|
callback(node, anim);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
anims.push(anim);
|
||
|
|
});
|
||
|
|
|
||
|
|
if(nodes.length > 1){ return dojo.lfx.combine(anims); }
|
||
|
|
else{ return anims[0]; }
|
||
|
|
}
|
||
|
|
|
||
|
|
dojo.lang.mixin(dojo.lfx, dojo.lfx.html);
|