ghinch/event_monitor.html

## event_monitor.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
	<title>untitled</title>
	<script type="text/javascript" src="http://yui.yahooapis.com/combo?3.1.1/build/yui/yui-min.js"></script>
</head>
<body>
    <div id="widget1">Widget 1</div>
	<script type="text/javascript">
        YUI().use('widget', function (Y) {
            var Widget1 = Y.Base.create('widget1', Y.Widget, [], {
                initializer : function () {
                    var cusEv = this.publish('widget1:someEvent', {
                        broadcast : 2,
                        monitored : true,
                        emitFacade : true
                    });

                    cusEv.monitor('attach', function (e) {
                        // not getting picked up
                        console.log('attached');
                    });
                }
            });

            var w1 = new Widget1({
                contentBox : '#widget1',
                render : true
            });

            Y.later(2000, this, function () {
                console.log('firing event');
                w1.fire('widget1:someEvent');
            });
        });
	</script>

	<div id="widget2">Widget 2</div>
	<script type="text/javascript">
        YUI().use('widget', function (Y) {
            var Widget2 = Y.Base.create('widget2', Y.Widget, [], {
                bindUI : function () {
                    Y.Global.on('widget1:someEvent', function (e) {
                        console.log(e);
                    });
                }
            });

            var w2 = new Widget2({
                contentBox : "#widget2",
                render : true
            })
        });
	</script>
</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">

	<html>
	<head>
	<title>untitled</title>
	<script type="text/javascript" src="http://yui.yahooapis.com/combo?3.1.1/build/yui/yui-min.js"></script>
	</head>
	<body>
	<div id="widget1">Widget 1</div>
	<script type="text/javascript">
	YUI().use('widget', function (Y) {
	var Widget1 = Y.Base.create('widget1', Y.Widget, [], {
	initializer : function () {
	var cusEv = this.publish('widget1:someEvent', {
	broadcast : 2,
	monitored : true,
	emitFacade : true
	});

	cusEv.monitor('attach', function (e) {
	// not getting picked up
	console.log('attached');
	});
	}
	});

	var w1 = new Widget1({
	contentBox : '#widget1',
	render : true
	});

	Y.later(2000, this, function () {
	console.log('firing event');
	w1.fire('widget1:someEvent');
	});
	});
	</script>

	<div id="widget2">Widget 2</div>
	<script type="text/javascript">
	YUI().use('widget', function (Y) {
	var Widget2 = Y.Base.create('widget2', Y.Widget, [], {
	bindUI : function () {
	Y.Global.on('widget1:someEvent', function (e) {
	console.log(e);
	});
	}
	});

	var w2 = new Widget2({
	contentBox : "#widget2",
	render : true
	})
	});
	</script>
	</body>
	</html>