tests/manual/image.html

08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright<!DOCTYPE html>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright<html>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright    <head>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        <script src='/build/yui/yui-min.js'></script>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        <script>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            YUI({
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                base: '/build/',
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                debug: true,
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                combo: false,
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                filter: 'raw'
24af57b8ae16a109f012057cf02c11258b6d8b4dDerek Gathright            }).use('button-plugin', function(Y){
24af57b8ae16a109f012057cf02c11258b6d8b4dDerek Gathright
24af57b8ae16a109f012057cf02c11258b6d8b4dDerek Gathright                Y.one("#image-button").plug(Y.Plugin.Button);
24af57b8ae16a109f012057cf02c11258b6d8b4dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            });
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        </script>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        <style>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            .yui3-button{
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                padding:20px;
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            }
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            .yui3-button-selected {
f8a4451ab76c7cf265accab801c3514e64ed2742Derek Gathright                background-color:#F2F194;
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright                color:white;
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright            }
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        </style>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright    </head>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright    <body>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        <h1>Button Example: Image</h1>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright        <input type='image' id='image-button' value='asd' src="http://yuilibrary.com/img/yui-logo.png"></input>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright    </body>
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright</html>