# Yahoo! UI Library

### TreeView Widget 2.5.2

Yahoo! UI Library > treeview > TVFadeIn.js (source view)

Show Private Show Protected

    /**
     * A 1/2 second fade-in animation.
     * @class TVFadeIn
     * @constructor
     * @param el {HTMLElement} the element to animate
     * @param callback {function} function to invoke when the animation is finished
     */
    YAHOO.widget.TVFadeIn = function(el, callback) {
        /**
         * The element to animate
         * @property el
         * @type HTMLElement
         */
        this.el = el;

        /**
         * the callback to invoke when the animation is complete
         * @property callback
         * @type function
         */
        this.callback = callback;

        this.logger = new YAHOO.widget.LogWriter(this.toString());
    };

    YAHOO.widget.TVFadeIn.prototype = {
        /**
         * Performs the animation
         * @method animate
         */
        animate: function() {
            var tvanim = this;

            var s = this.el.style;
            s.opacity = 0.1;
            s.filter = "alpha(opacity=10)";
            s.display = "";

            var dur = 0.4;
            var a = new YAHOO.util.Anim(this.el, {opacity: {from: 0.1, to: 1, unit:""}}, dur);
            a.onComplete.subscribe( function() { tvanim.onComplete(); } );
            a.animate();
        },

        /**
         * Clean up and invoke callback
         * @method onComplete
         */
        onComplete: function() {
            this.callback();
        },

        /**
         * toString
         * @method toString
         * @return {string} the string representation of the instance
         */
        toString: function() {
            return "TVFadeIn";
        }
    };

Copyright © 2007 Yahoo! Inc. All rights reserved.