MooTools: Attaching to destroy() event

Question

There's a div element on my page. When the page loads, I want to specify somehow that after destroy() is called on this element (based on what the user does in the UI), that a function I specify fires. How can I attach to the destroy() event?

Answer 1

you can just build a new element method - something like this.

Element.implement({
    smartDestroy: function(callback, options) {
        this.destroy();
        var options = options || {};
        if ($type(callback) === "function")
            callback.pass(options)();

        return null;
    }
});

$("foo").smartDestroy(function(options) {
    alert(options.message);
}, {message: "gone"});

aside from that, destroy() has no events it can raise - you should be ok with above and you can tweak it to do whatever you need.

http://mootools.net/shell/23D8p/