tests/manual/buttons.html

eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo<!DOCTYPE html>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo<html>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo<head>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    <meta charset="utf-8" />
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    <title>WidgetButtons Manual Test</title>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo</head>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo<body>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo    <div id="awesome-widget">
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo        <div class="yui3-widget-hd">
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo            <h2>Awesome Widget</h2>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo            <span class="yui3-widget-buttons">
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo                <button class="yui3-button" name="foo">Foo</button>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo            </span>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo        </div>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo    </div>
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    <script src="/build/yui/yui.js"></script>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    <script>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    YUI({filter: 'raw'}).use('base-build', 'widget', 'widget-buttons', function (Y) {
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo        Y.TestWidget = Y.Base.create('testWidget', Y.Widget, [Y.WidgetStdMod, Y.WidgetButtons], {
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo            BUTTONS: {
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                foo: {
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                    label: 'Baz',
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                    action: function () {
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                        alert('yay!');
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                    }
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo                }
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo            }
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo        });
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo        var testWidget = new Y.TestWidget({
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo            srcNode: '#awesome-widget',
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo            render : true
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo        });
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo
a2af51bf83a0eb1cdad3fb646f83aee5060fdc2bEric Ferraiuolo        // testWidget.getButton('foo').set('text', 'Bar');
aa2832765fb1f7d8d6492331f548b58d3a8bdc9bEric Ferraiuolo        testWidget.addButton({label: 'Eric'}, 'header', 0);
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    });
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo    </script>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo</body>
eee9858dd5e4eed64ca8e0f64241ee1454d30c66Eric Ferraiuolo</html>