tests/manual/buttons.html

	buttons.html revision e3897aaf02ecc29a0c916fa04106d1aead646e10
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync<!DOCTYPE html>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync<html>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync    <head>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <!-- reset the default browser styles -->
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <style>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
c58f1213e628a545081c70e26c6b67a841cff880vboxsync            /* Fix this - Shouldn't require body specificity */
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync            body .yui3-button-selected {
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                background-color:#426FD9;
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                color:white;
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync            }
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        </style>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <script src='/build/yui/yui-min.js'></script>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <script>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync            YUI({
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                debug: true,
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                combo: false,
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                filter: 'raw'
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync            }).use('button', 'button-group', function(Y){
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                var group = new Y.ButtonGroup({
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                    buttons: new Y.Buttons({
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                        srcNodes: Y.all('.group')
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                    }),
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                    type: 'radio'
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                });
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                group.on('selectionChange', function(e){
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                    console.log('Changed');
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync                })
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync            });
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        </script>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync    </head>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync    <body class='yui3-skin-sam'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <h1>Buttons prototype</h1>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <hr />
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='1'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='2'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='3'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='4'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='5'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync        <input type='button' class='group' value='6'>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync    </body>
1c2c968fd241148110002d75b2c0fdeddc211e14vboxsync</html>