image.html revision 08cdb1908c8c2ebede750bd310cba3a96593b21d
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'
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright }).use('button', function(Y){
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright new Y.Button({
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright srcNode: '#image-button',
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright type: 'toggle'
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek 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 {
08cdb1908c8c2ebede750bd310cba3a96593b21dDerek Gathright background-color:#426FD9;
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>