tests/manual/uievents.html

636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai<!DOCTYPE html>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai<html>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai    <head>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai        <title>Widget uiEvents</title>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai    </head>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai    <body>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai        <script src="/build/yui/yui.js"></script>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai        <script>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai            YUI({filter:"raw"}).use("widget", function(Y) {
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                var w = new Y.Widget({
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    width:200,
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    height:200
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                }),
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                h = function(e) { Y.log(e.type); };
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.get("contentBox").append("Some Content For My Widget");
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.on({
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    "click": h,
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    "render": h,
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    "renderedChange": h
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                });
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.on("widget:mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.on("foo|widget:mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.on("mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.after("widget:mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.after("foo|widget:mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.after("mouseup", h);
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.after({
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    "mousedown" : h,
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                    "render" : h
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                });
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai                w.render();
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai            });
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai        </script>
636cdb5e002a5ba406b1e15603f9fd425225dcefSatyen Desai    </body>
32daee6e664993047d751878fb8419300fbb6eecSatyen Desai</html>