/home/ivan/src/sit/branches/3.x/scripts/dojo/src/lfx/extras.js

Go to the documentation of this file.

/*
    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);