sandbox/event/eventprovider.html

	eventprovider.html revision ba9518d6366a8c1c3a1d027fdc652d92759e101b
18242N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
15153N/A<html>
12286N/A<head>
15153N/A    <meta http-equiv="content-type" content="text/html; charset=utf-8">
12286N/A<title>Chaining Animations Using <code>onComplete</code></title>
12286N/A
12286N/A<script type="text/javascript">
18242N/A    if (typeof loadFirebugConsole == 'function') {
18242N/A        loadFirebugConsole();
18242N/A    }
18242N/A</script>
18242N/A
18242N/A<script type="text/javascript" src="/build/yui/yui-debug.js"></script>
18242N/A<script type="text/javascript" src="/build/oop/oop-debug.js"></script>
18242N/A<script type="text/javascript" src="/build/event-custom/event-custom-debug.js"></script>
18242N/A<script type="text/javascript" src="/build/event/event-debug.js"></script>
18242N/A<script type="text/javascript" src="/build/dom/dom-debug.js"></script>
12286N/A<script type="text/javascript" src="/build/node/node-debug.js"></script>
12605N/A<script type="text/javascript" src="/build/dump/dump.js"></script>
18161N/A<script type="text/javascript" src="/build/substitute/substitute.js"></script>
18161N/A
18242N/A<!--begin custom header content for this example-->
18161N/A<script type="text/javascript">
18161N/A
18161N/AYUI({
18161N/A    chain: true
18161N/A}).use('*', function(Y) {
18161N/A    /*
18161N/A    Y.example.EventReceiver = function() { };
18242N/A    Y.augment(Y.example.EventReceiver, Y.EventTarget);
18161N/A    Y.example.EventReceiver.prototype.on = function(type, f) {
18161N/A        var ev = this.publish(type);
18161N/A        ev.on(f);
18161N/A        return ev;
18242N/A    };
18161N/A
18161N/A    function onTest(arg) {
18161N/A        alert("test 1 " + arg);
18161N/A    }
18242N/A
15225N/A    function onTest2(arg) {
15225N/A        alert("test 2 " + arg);
18161N/A    }
18161N/A
18161N/A    var er = new Y.example.EventReceiver();
18161N/A    er.on("test", onTest);
18242N/A    er.on("test", onTest2);
18161N/A    //er.on("test");
18161N/A    er.fire("test", "firing test");
18161N/A
18161N/A    */
18161N/A
18161N/A    var Animal = function() {
15225N/A        this.publish('myEvent');
15225N/A        this.after('myEvent', this.handler, this, 'AFTER').on('foo, myEvent', this.handler, this, 5, 6).on('foo, myEvent2', this.handler2, this, 7, 8);
15225N/A    };
15225N/A
    Animal.prototype.handler = function(arg) {
        Y.log('Animal');
        Y.log(this);
        Y.log(arguments);
    };

    Animal.prototype.handler2 = function(arg) {
        Y.log('Animal handler2');
        Y.log(this);
        Y.log(arguments);
    };

    Y.augment(Animal, Y.EventTarget);

    var Dog = function() {
        Animal.prototype.constructor.apply(this, arguments);
    };

    Y.extend(Dog, Animal, {
        handler: function(arg) {
            Y.log('Dog');
            Y.log(this);
            Y.log(arguments);
        }
    });

    var Cat = function() {
        Animal.prototype.constructor.apply(this, arguments);
    };

    Y.extend(Cat, Animal, {
        handler: function(arg) {
            Y.log('Cat');
            Y.log(this);
            Y.log(arguments);
        }
    });

    var d = new Dog(), c = new Cat();

    d.fire('myEvent', 1, 2);
    c.fire('myEvent', 3, 4);

    c.detach('foo, myEvent');
    c.fire('myEvent', 'should not see unless this is AFTER');

    c.fire('myEvent2', 'Should see Animal\' imp');

    // Y.log("detacher, menu:click".split(/([,:])\s*/))
    // Y.log("detacher menu click".split(/([,:])\s*/))

});

</script>

</head>

<body class=" yui-skin-sam">

</body>
</html>