• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    Build Tag: gallery-2011.10.06-19-55

    Return to Button and ButtonToggle

    /*   Markup for the example below:
     
    <p>Plain button, only label set: <span id="plain"></span></p>
     
    <p>Button from existing markup: <button id="markup" >Click Here!</button></p>
     
    <form method="get" action="#here">
        <input type="text" name="input" /><br/>
        <input type="submit" id="submit" value="Submit"/>
        <input type="reset" id="reset" value="Reset" />
    </form>
     
    <p>Toggle button, icon added: <span id="toggle"></span></p>
     
    <p>Group of plain buttons with one separator: <span id="multiButton"></span></p>
     
    <p>Group of toggle buttons, some with icons: <span id="multiToggle"></span></p>
     
    */
     
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2013.01.23-21-59'
    }).use('gallery-md-button', 'gallery-md-button-group', function (Y) {
        'use strict';
     
        var PRESS = 'press',
            INFO = 'info';
     
     
        var plain = (new Y.Button({label:'Ok'})).render('#plain'),
            // reads button type from markup
            markup = (new Y.Button({srcNode:'#markup'})).render(),
            submit = (new Y.Button({srcNode:'#submit'})).render(),
            reset = (new Y.Button({srcNode:'#reset'})).render(),
            toggle = (new Y.ButtonToggle({label:'B'})).render('#toggle'),
     
            // default child type for ButtonGroup is plain Button, 
            // other button types need to be explictly instantiated
            multiButton = (new Y.ButtonGroup({
                label:'Plain Buttons',
                children:[
                    {label:'A'},
                    new Y.ButtonSeparator(),
                    {label:'B'},
                    {label:'C'}
                ]
            })).render('#multiButton'),
     
            multiToggle = (new Y.ButtonGroup({
                label:'Toggle Buttons',
                children:[
                    new Y.ButtonToggle({label:'A',icon:'arrow-sw'}),
                    new Y.ButtonToggle({label:'B'}),
                    new Y.ButtonToggle({label:'C',icon:'arrow-se', iconPosition:'right'})
                ]
            })).render('#multiToggle');
     
        plain.after(PRESS, function(ev) {
            Y.log('Click: '+ ev.target.get('label'), INFO,'plain');
        });
     
        // toggles report their 'selected' (pushed or active) state
        toggle.after(PRESS, function(ev) {
            Y.log('toggle selected: ' + this.get('selected') , INFO,'toggle');
        });
     
        // Button groups report which button was pressed
        multiButton.after(PRESS, function(ev) {
            Y.log('multiButton pressed: ' + ev.pressed.get('label') , INFO,'multiButton');
        });
        multiToggle.after('selectionChange', function(ev) {
            var sel = this.get('selection');
            Y.log('multiToggle selected: ' + (sel?sel.get('label'):'none') , INFO,'multiToggle');
        });
     
    });
     

    Build Output

    /home/y/libexec/ant/bin/ant all
    Buildfile: build.xml
         [echo] Starting Build For gallery-md-button
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-md-button
         [echo]     component.basefilename : gallery-md-button
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets
    
    clean:
    
    init:
        [mkdir] Created dir: /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
         [echo] Starting Build For gallery-md-button
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-md-button
         [echo]     component.basefilename : gallery-md-button
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets
    
    -lint-server:
         [echo] Starting Build For gallery-md-button
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-md-button
         [echo]     component.basefilename : gallery-md-button
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets
    
    -node:
         [echo] For faster builds, install Node.js.
    
    -concatdebug:
         [echo] Concatenating
         [echo]     Source Files : gallery-md-button.js
         [echo]     In Source Dir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/js
         [echo]     To : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-debug.js
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/ant
       [delete] Deleting directory /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/ant
    
    -registerdebug:
         [echo] Wrapping /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-debug.js in YUI.add module
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
    
    -prependdebug:
    
    -appenddebug:
    
    builddebug:
    
    -createcore:
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp
    
    -loggerregex:
         [echo] Replacing Logger Statements in /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button.js
    
    buildcore:
    
    -rollupjs:
    
    -concatskins:
         [echo] Concating Skins
         [echo] Concating Skin files for /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam :: sam
         [echo] Concatenating
         [echo]     Source Files : gallery-md-button-core.css, skins/sam/gallery-md-button-skin.css
         [echo]     In Source Dir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets
         [echo]     To : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/assets/skins/sam/gallery-md-button.css
         [copy] Copying 2 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/ant
       [delete] Deleting directory /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/ant
    [yuicompressor] Compressing /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/assets/skins/sam/gallery-md-button.css
    [yuicompressor] Compressed to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/assets/skins/sam/gallery-md-button.css
    
    -buildskins:
         [echo] Fixing CRLF for Skin files for /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam :: sam
    
    -rollupcss:
    
    buildskins:
    
    -buildlangs:
    
    -rolluplangs:
    
    buildlangs:
    
    build:
    
    minify:
    [yuicompressor] Compressing /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button.js
    [yuicompressor] 
    [yuicompressor] [WARNING] Invalid hint syntax: use strict
    [yuicompressor] add("gallery-md-button",function(Y){ ---> "use strict" <--- ;var Lang=Y.Lang,EVENT_PRESS=
    [yuicompressor] Compressed to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-min.js
    
    lint:
         [echo] Using Rhino. Install nodejs to improve jslint speed, or skip with -Dlint.skip=true
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-debug.js
         [java] - OK
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-min.js
         [java] - OK
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button.js
         [java] - OK
    
    local:
    
    deploybuild:
         [copy] Copying 3 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/gallery-md-button.js
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-min.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/gallery-md-button-min.js
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/gallery-md-button-debug.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/gallery-md-button-debug.js
    
    deployassets:
         [copy] Copying 5 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/gallery-md-button-core.css to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/gallery-md-button-core.css
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skin/sam/gallery-md-button.css to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/gallery-md-button.css
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skin/sam/background-active.png to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/background-active.png
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skin/sam/icon-sprite.gif to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/icon-sprite.gif
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skin/sam/background.png to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/background.png
         [copy] Copied 2 empty directories to 2 empty directories under /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets
    
    deployskins:
         [echo] Deploying Skin files for /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam :: sam
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/build_tmp/assets/skins/sam/gallery-md-button.css to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam/gallery-md-button.css
         [copy] Copying 4 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam/background-active.png to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam/background-active.png
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam/background.png to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam/background.png
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam/gallery-md-button-skin.css to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam/gallery-md-button-skin.css
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-md-button/assets/skins/sam/icon-sprite.gif to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-md-button/assets/skins/sam/icon-sprite.gif
    
    deploylang:
    
    deploydocs:
    
    deploy:
    
    all:
    
    BUILD SUCCESSFUL
    Total time: 3 seconds

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info