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');
});
});
/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