+
diff --git a/war/src/main/webapp/scripts/yui/cutdown.sh b/core/src/main/resources/hudson/model/details/DurationDetail/detail.properties
similarity index 91%
rename from war/src/main/webapp/scripts/yui/cutdown.sh
rename to core/src/main/resources/hudson/model/details/DurationDetail/detail.properties
index 145161a28fa6..864e51ef3111 100644
--- a/war/src/main/webapp/scripts/yui/cutdown.sh
+++ b/core/src/main/resources/hudson/model/details/DurationDetail/detail.properties
@@ -1,17 +1,17 @@
# The MIT License
-#
+#
# Copyright (c) 2004-2009, Sun Microsystems, Inc., Kohsuke Kawaguchi
-#
+#
# Permission is hereby granted, free of charge, to any person obtaining a copy
# of this software and associated documentation files (the "Software"), to deal
# in the Software without restriction, including without limitation the rights
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
# copies of the Software, and to permit persons to whom the Software is
# furnished to do so, subject to the following conditions:
-#
+#
# The above copyright notice and this permission notice shall be included in
# all copies or substantial portions of the Software.
-#
+#
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
@@ -20,6 +20,4 @@
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
# THE SOFTWARE.
-
-find . -name README | xargs rm
-find . | grep \\.js | grep -v \\-debug | grep -v \\-min | xargs rm
+beingExecuted=Build has been executing for {0}
diff --git a/core/src/main/resources/hudson/model/details/TimestampDetail/detail.jelly b/core/src/main/resources/hudson/model/details/TimestampDetail/detail.jelly
new file mode 100644
index 000000000000..c84e01520a9b
--- /dev/null
+++ b/core/src/main/resources/hudson/model/details/TimestampDetail/detail.jelly
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/core/src/main/resources/hudson/model/details/TimestampDetail/detail.properties b/core/src/main/resources/hudson/model/details/TimestampDetail/detail.properties
new file mode 100644
index 000000000000..fc04fc43ba54
--- /dev/null
+++ b/core/src/main/resources/hudson/model/details/TimestampDetail/detail.properties
@@ -0,0 +1,23 @@
+# The MIT License
+#
+# Copyright (c) 2004-2009, Sun Microsystems, Inc., Kohsuke Kawaguchi
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy
+# of this software and associated documentation files (the "Software"), to deal
+# in the Software without restriction, including without limitation the rights
+# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+# copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+#
+# The above copyright notice and this permission notice shall be included in
+# all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+# THE SOFTWARE.
+
+startedAgo=Started {0} ago
diff --git a/core/src/main/resources/lib/form/repeatable/repeatable.js b/core/src/main/resources/lib/form/repeatable/repeatable.js
index d985b92d0806..3f19dcfb7e7f 100644
--- a/core/src/main/resources/lib/form/repeatable/repeatable.js
+++ b/core/src/main/resources/lib/form/repeatable/repeatable.js
@@ -163,7 +163,7 @@ var repeatableSupport = {
};
// do the ones that extract innerHTML so that they can get their original HTML before
-// other behavior rules change them (like YUI buttons.)
+// other behavior rules change them.
Behaviour.specify("DIV.repeated-container", "repeatable", -100, function (e) {
if (isInsideRemovable(e)) {
return;
diff --git a/core/src/main/resources/lib/layout/copyButton.jelly b/core/src/main/resources/lib/layout/copyButton.jelly
index 8a65c641657a..fc4234b0f21f 100644
--- a/core/src/main/resources/lib/layout/copyButton.jelly
+++ b/core/src/main/resources/lib/layout/copyButton.jelly
@@ -59,7 +59,9 @@ THE SOFTWARE.
message="${attrs.message ?: '%Copied'}"
tooltip="${attrs.label != null ? null : attrs.tooltip ?: '%Copy'}"
type="button">
-
+
+
+
${attrs.label}
diff --git a/core/src/main/resources/lib/layout/copyButton/copyButton.js b/core/src/main/resources/lib/layout/copyButton/copyButton.js
index 2a9c7bfe56ff..2b736b8a816f 100644
--- a/core/src/main/resources/lib/layout/copyButton/copyButton.js
+++ b/core/src/main/resources/lib/layout/copyButton/copyButton.js
@@ -18,8 +18,10 @@ Behaviour.specify(
navigator.clipboard
.writeText(text)
.then(() => {
- // Show the completion message
- hoverNotification(copyButton.getAttribute("message"), copyButton);
+ copyButton.classList.add("jenkins-copy-button--copied");
+ setTimeout(() => {
+ copyButton.classList.remove("jenkins-copy-button--copied");
+ }, 2000);
})
.catch(() => {
hoverNotification(
diff --git a/core/src/main/resources/lib/layout/layout.jelly b/core/src/main/resources/lib/layout/layout.jelly
index cbbfa6d9109e..d96e6ead76d2 100644
--- a/core/src/main/resources/lib/layout/layout.jelly
+++ b/core/src/main/resources/lib/layout/layout.jelly
@@ -128,37 +128,9 @@ THE SOFTWARE.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -178,7 +150,7 @@ THE SOFTWARE.
-
+
diff --git a/core/src/main/resources/lib/layout/side-panel.jelly b/core/src/main/resources/lib/layout/side-panel.jelly
index 01595ee8c881..02afd6e7ba15 100644
--- a/core/src/main/resources/lib/layout/side-panel.jelly
+++ b/core/src/main/resources/lib/layout/side-panel.jelly
@@ -35,12 +35,7 @@ THE SOFTWARE.
Usage: var myAnim = new YAHOO.util.Anim(el, { width: { from: 10, to: 100 } }, 1, YAHOO.util.Easing.easeOut);
- * @class Anim
- * @namespace YAHOO.util
- * @requires YAHOO.util.AnimMgr
- * @requires YAHOO.util.Easing
- * @requires YAHOO.util.Dom
- * @requires YAHOO.util.Event
- * @requires YAHOO.util.CustomEvent
- * @constructor
- * @param {String | HTMLElement} el Reference to the element that will be animated
- * @param {Object} attributes The attribute(s) to be animated.
- * Each attribute is an object with at minimum a "to" or "by" member defined.
- * Additional optional members are "from" (defaults to current value), "units" (defaults to "px").
- * All attribute names use camelCase.
- * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based
- * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method)
- */
-
-var Anim = function(el, attributes, duration, method) {
- if (!el) {
- YAHOO.log('element required to create Anim instance', 'error', 'Anim');
- }
- this.init(el, attributes, duration, method);
-};
-
-Anim.NAME = 'Anim';
-
-Anim.prototype = {
- /**
- * Provides a readable name for the Anim instance.
- * @method toString
- * @return {String}
- */
- toString: function() {
- var el = this.getEl() || {};
- var id = el.id || el.tagName;
- return (this.constructor.NAME + ': ' + id);
- },
-
- patterns: { // cached for performance
- noNegatives: /width|height|opacity|padding/i, // keep at zero or above
- offsetAttribute: /^((width|height)|(top|left))$/, // use offsetValue as default
- defaultUnit: /width|height|top$|bottom$|left$|right$/i, // use 'px' by default
- offsetUnit: /\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i // IE may return these, so convert these to offset
- },
-
- /**
- * Returns the value computed by the animation's "method".
- * @method doMethod
- * @param {String} attr The name of the attribute.
- * @param {Number} start The value this attribute should start from for this animation.
- * @param {Number} end The value this attribute should end at for this animation.
- * @return {Number} The Value to be applied to the attribute.
- */
- doMethod: function(attr, start, end) {
- return this.method(this.currentFrame, start, end - start, this.totalFrames);
- },
-
- /**
- * Applies a value to an attribute.
- * @method setAttribute
- * @param {String} attr The name of the attribute.
- * @param {Number} val The value to be applied to the attribute.
- * @param {String} unit The unit ('px', '%', etc.) of the value.
- */
- setAttribute: function(attr, val, unit) {
- var el = this.getEl();
- if ( this.patterns.noNegatives.test(attr) ) {
- val = (val > 0) ? val : 0;
- }
-
- if (attr in el && !('style' in el && attr in el.style)) {
- el[attr] = val;
- } else {
- Y.Dom.setStyle(el, attr, val + unit);
- }
- },
-
- /**
- * Returns current value of the attribute.
- * @method getAttribute
- * @param {String} attr The name of the attribute.
- * @return {Number} val The current value of the attribute.
- */
- getAttribute: function(attr) {
- var el = this.getEl();
- var val = Y.Dom.getStyle(el, attr);
-
- if (val !== 'auto' && !this.patterns.offsetUnit.test(val)) {
- return parseFloat(val);
- }
-
- var a = this.patterns.offsetAttribute.exec(attr) || [];
- var pos = !!( a[3] ); // top or left
- var box = !!( a[2] ); // width or height
-
- if ('style' in el) {
- // use offsets for width/height and abs pos top/left
- if ( box || (Y.Dom.getStyle(el, 'position') == 'absolute' && pos) ) {
- val = el['offset' + a[0].charAt(0).toUpperCase() + a[0].substr(1)];
- } else { // default to zero for other 'auto'
- val = 0;
- }
- } else if (attr in el) {
- val = el[attr];
- }
-
- return val;
- },
-
- /**
- * Returns the unit to use when none is supplied.
- * @method getDefaultUnit
- * @param {attr} attr The name of the attribute.
- * @return {String} The default unit to be used.
- */
- getDefaultUnit: function(attr) {
- if ( this.patterns.defaultUnit.test(attr) ) {
- return 'px';
- }
-
- return '';
- },
-
- /**
- * Sets the actual values to be used during the animation. Should only be needed for subclass use.
- * @method setRuntimeAttribute
- * @param {Object} attr The attribute object
- * @private
- */
- setRuntimeAttribute: function(attr) {
- var start;
- var end;
- var attributes = this.attributes;
-
- this.runtimeAttributes[attr] = {};
-
- var isset = function(prop) {
- return (typeof prop !== 'undefined');
- };
-
- if ( !isset(attributes[attr]['to']) && !isset(attributes[attr]['by']) ) {
- return false; // note return; nothing to animate to
- }
-
- start = ( isset(attributes[attr]['from']) ) ? attributes[attr]['from'] : this.getAttribute(attr);
-
- // To beats by, per SMIL 2.1 spec
- if ( isset(attributes[attr]['to']) ) {
- end = attributes[attr]['to'];
- } else if ( isset(attributes[attr]['by']) ) {
- if (start.constructor == Array) {
- end = [];
- for (var i = 0, len = start.length; i < len; ++i) {
- end[i] = start[i] + attributes[attr]['by'][i] * 1; // times 1 to cast "by"
- }
- } else {
- end = start + attributes[attr]['by'] * 1;
- }
- }
-
- this.runtimeAttributes[attr].start = start;
- this.runtimeAttributes[attr].end = end;
-
- // set units if needed
- this.runtimeAttributes[attr].unit = ( isset(attributes[attr].unit) ) ?
- attributes[attr]['unit'] : this.getDefaultUnit(attr);
- return true;
- },
-
- /**
- * Constructor for Anim instance.
- * @method init
- * @param {String | HTMLElement} el Reference to the element that will be animated
- * @param {Object} attributes The attribute(s) to be animated.
- * Each attribute is an object with at minimum a "to" or "by" member defined.
- * Additional optional members are "from" (defaults to current value), "units" (defaults to "px").
- * All attribute names use camelCase.
- * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based
- * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method)
- */
- init: function(el, attributes, duration, method) {
- /**
- * Whether or not the animation is running.
- * @property isAnimated
- * @private
- * @type Boolean
- */
- var isAnimated = false;
-
- /**
- * A Date object that is created when the animation begins.
- * @property startTime
- * @private
- * @type Date
- */
- var startTime = null;
-
- /**
- * The number of frames this animation was able to execute.
- * @property actualFrames
- * @private
- * @type Int
- */
- var actualFrames = 0;
-
- /**
- * The element to be animated.
- * @property el
- * @private
- * @type HTMLElement
- */
- el = Y.Dom.get(el);
-
- /**
- * The collection of attributes to be animated.
- * Each attribute must have at least a "to" or "by" defined in order to animate.
- * If "to" is supplied, the animation will end with the attribute at that value.
- * If "by" is supplied, the animation will end at that value plus its starting value.
- * If both are supplied, "to" is used, and "by" is ignored.
- * Optional additional member include "from" (the value the attribute should start animating from, defaults to current value), and "unit" (the units to apply to the values).
- * @property attributes
- * @type Object
- */
- this.attributes = attributes || {};
-
- /**
- * The length of the animation. Defaults to "1" (second).
- * @property duration
- * @type Number
- */
- this.duration = !YAHOO.lang.isUndefined(duration) ? duration : 1;
-
- /**
- * The method that will provide values to the attribute(s) during the animation.
- * Defaults to "YAHOO.util.Easing.easeNone".
- * @property method
- * @type Function
- */
- this.method = method || Y.Easing.easeNone;
-
- /**
- * Whether or not the duration should be treated as seconds.
- * Defaults to true.
- * @property useSeconds
- * @type Boolean
- */
- this.useSeconds = true; // default to seconds
-
- /**
- * The location of the current animation on the timeline.
- * In time-based animations, this is used by AnimMgr to ensure the animation finishes on time.
- * @property currentFrame
- * @type Int
- */
- this.currentFrame = 0;
-
- /**
- * The total number of frames to be executed.
- * In time-based animations, this is used by AnimMgr to ensure the animation finishes on time.
- * @property totalFrames
- * @type Int
- */
- this.totalFrames = Y.AnimMgr.fps;
-
- /**
- * Changes the animated element
- * @method setEl
- */
- this.setEl = function(element) {
- el = Y.Dom.get(element);
- };
-
- /**
- * Returns a reference to the animated element.
- * @method getEl
- * @return {HTMLElement}
- */
- this.getEl = function() { return el; };
-
- /**
- * Checks whether the element is currently animated.
- * @method isAnimated
- * @return {Boolean} current value of isAnimated.
- */
- this.isAnimated = function() {
- return isAnimated;
- };
-
- /**
- * Returns the animation start time.
- * @method getStartTime
- * @return {Date} current value of startTime.
- */
- this.getStartTime = function() {
- return startTime;
- };
-
- this.runtimeAttributes = {};
-
- var logger = {};
- logger.log = function() {YAHOO.log.apply(window, arguments)};
-
- logger.log('creating new instance of ' + this);
-
- /**
- * Starts the animation by registering it with the animation manager.
- * @method animate
- */
- this.animate = function() {
- if ( this.isAnimated() ) {
- return false;
- }
-
- this.currentFrame = 0;
-
- this.totalFrames = ( this.useSeconds ) ? Math.ceil(Y.AnimMgr.fps * this.duration) : this.duration;
-
- if (this.duration === 0 && this.useSeconds) { // jump to last frame if zero second duration
- this.totalFrames = 1;
- }
- Y.AnimMgr.registerElement(this);
- return true;
- };
-
- /**
- * Stops the animation. Normally called by AnimMgr when animation completes.
- * @method stop
- * @param {Boolean} finish (optional) If true, animation will jump to final frame.
- */
- this.stop = function(finish) {
- if (!this.isAnimated()) { // nothing to stop
- return false;
- }
-
- if (finish) {
- this.currentFrame = this.totalFrames;
- this._onTween.fire();
- }
- Y.AnimMgr.stop(this);
- };
-
- this._handleStart = function() {
- this.onStart.fire();
-
- this.runtimeAttributes = {};
- for (var attr in this.attributes) {
- if (this.attributes.hasOwnProperty(attr)) {
- this.setRuntimeAttribute(attr);
- }
- }
-
- isAnimated = true;
- actualFrames = 0;
- startTime = new Date();
- };
-
- /**
- * Feeds the starting and ending values for each animated attribute to doMethod once per frame, then applies the resulting value to the attribute(s).
- * @private
- */
-
- this._handleTween = function() {
- var data = {
- duration: new Date() - this.getStartTime(),
- currentFrame: this.currentFrame
- };
-
- data.toString = function() {
- return (
- 'duration: ' + data.duration +
- ', currentFrame: ' + data.currentFrame
- );
- };
-
- this.onTween.fire(data);
-
- var runtimeAttributes = this.runtimeAttributes;
-
- for (var attr in runtimeAttributes) {
- if (runtimeAttributes.hasOwnProperty(attr)) {
- this.setAttribute(attr, this.doMethod(attr, runtimeAttributes[attr].start, runtimeAttributes[attr].end), runtimeAttributes[attr].unit);
- }
- }
-
- this.afterTween.fire(data);
-
- actualFrames += 1;
- };
-
- this._handleComplete = function() {
- var actual_duration = (new Date() - startTime) / 1000 ;
-
- var data = {
- duration: actual_duration,
- frames: actualFrames,
- fps: actualFrames / actual_duration
- };
-
- data.toString = function() {
- return (
- 'duration: ' + data.duration +
- ', frames: ' + data.frames +
- ', fps: ' + data.fps
- );
- };
-
- isAnimated = false;
- actualFrames = 0;
- this.onComplete.fire(data);
- };
-
- /**
- * Custom event that fires after onStart, useful in subclassing
- * @private
- */
- this._onStart = new Y.CustomEvent('_start', this, true);
-
- /**
- * Custom event that fires when animation begins
- * Listen via subscribe method (e.g. myAnim.onStart.subscribe(someFunction)
- * @event onStart
- */
- this.onStart = new Y.CustomEvent('start', this);
-
- /**
- * Custom event that fires between each frame
- * Listen via subscribe method (e.g. myAnim.onTween.subscribe(someFunction)
- * @event onTween
- */
- this.onTween = new Y.CustomEvent('tween', this);
-
- /**
- * Custom event that fires between each frame
- * Listen via subscribe method (e.g. myAnim.afterTween.subscribe(someFunction)
- * @event afterTween
- */
- this.afterTween = new Y.CustomEvent('afterTween', this);
-
- /**
- * Custom event that fires after onTween
- * @private
- */
- this._onTween = new Y.CustomEvent('_tween', this, true);
-
- /**
- * Custom event that fires when animation ends
- * Listen via subscribe method (e.g. myAnim.onComplete.subscribe(someFunction)
- * @event onComplete
- */
- this.onComplete = new Y.CustomEvent('complete', this);
- /**
- * Custom event that fires after onComplete
- * @private
- */
- this._onComplete = new Y.CustomEvent('_complete', this, true);
-
- this._onStart.subscribe(this._handleStart);
- this._onTween.subscribe(this._handleTween);
- this._onComplete.subscribe(this._handleComplete);
- }
-};
-
- Y.Anim = Anim;
-})();
-/**
- * Handles animation queueing and threading.
- * Used by Anim and subclasses.
- * @class AnimMgr
- * @namespace YAHOO.util
- */
-YAHOO.util.AnimMgr = new function() {
- /**
- * Reference to the animation Interval.
- * @property thread
- * @private
- * @type Int
- */
- var thread = null;
-
- /**
- * The current queue of registered animation objects.
- * @property queue
- * @private
- * @type Array
- */
- var queue = [];
-
- /**
- * The number of active animations.
- * @property tweenCount
- * @private
- * @type Int
- */
- var tweenCount = 0;
-
- /**
- * Base frame rate (frames per second).
- * Arbitrarily high for better x-browser calibration (slower browsers drop more frames).
- * @property fps
- * @type Int
- *
- */
- this.fps = 1000;
-
- /**
- * Interval delay in milliseconds, defaults to fastest possible.
- * @property delay
- * @type Int
- *
- */
- this.delay = 20;
-
- /**
- * Adds an animation instance to the animation queue.
- * All animation instances must be registered in order to animate.
- * @method registerElement
- * @param {object} tween The Anim instance to be be registered
- */
- this.registerElement = function(tween) {
- queue[queue.length] = tween;
- tweenCount += 1;
- tween._onStart.fire();
- this.start();
- };
-
- var _unregisterQueue = [];
- var _unregistering = false;
-
- var doUnregister = function() {
- var next_args = _unregisterQueue.shift();
- unRegister.apply(YAHOO.util.AnimMgr,next_args);
- if (_unregisterQueue.length) {
- arguments.callee();
- }
- };
-
- var unRegister = function(tween, index) {
- index = index || getIndex(tween);
- if (!tween.isAnimated() || index === -1) {
- return false;
- }
-
- tween._onComplete.fire();
- queue.splice(index, 1);
-
- tweenCount -= 1;
- if (tweenCount <= 0) {
- this.stop();
- }
-
- return true;
- };
-
- /**
- * removes an animation instance from the animation queue.
- * All animation instances must be registered in order to animate.
- * @method unRegister
- * @param {object} tween The Anim instance to be be registered
- * @param {Int} index The index of the Anim instance
- * @private
- */
- this.unRegister = function() {
- _unregisterQueue.push(arguments);
- if (!_unregistering) {
- _unregistering = true;
- doUnregister();
- _unregistering = false;
- }
- }
-
- /**
- * Starts the animation thread.
- * Only one thread can run at a time.
- * @method start
- */
- this.start = function() {
- if (thread === null) {
- thread = setInterval(this.run, this.delay);
- }
- };
-
- /**
- * Stops the animation thread or a specific animation instance.
- * @method stop
- * @param {object} tween A specific Anim instance to stop (optional)
- * If no instance given, Manager stops thread and all animations.
- */
- this.stop = function(tween) {
- if (!tween) {
- clearInterval(thread);
-
- for (var i = 0, len = queue.length; i < len; ++i) {
- this.unRegister(queue[0], 0);
- }
-
- queue = [];
- thread = null;
- tweenCount = 0;
- }
- else {
- this.unRegister(tween);
- }
- };
-
- /**
- * Called per Interval to handle each animation frame.
- * @method run
- */
- this.run = function() {
- for (var i = 0, len = queue.length; i < len; ++i) {
- var tween = queue[i];
- if ( !tween || !tween.isAnimated() ) { continue; }
-
- if (tween.currentFrame < tween.totalFrames || tween.totalFrames === null)
- {
- tween.currentFrame += 1;
-
- if (tween.useSeconds) {
- correctFrame(tween);
- }
- tween._onTween.fire();
- }
- else { YAHOO.util.AnimMgr.stop(tween, i); }
- }
- };
-
- var getIndex = function(anim) {
- for (var i = 0, len = queue.length; i < len; ++i) {
- if (queue[i] === anim) {
- return i; // note return;
- }
- }
- return -1;
- };
-
- /**
- * On the fly frame correction to keep animation on time.
- * @method correctFrame
- * @private
- * @param {Object} tween The Anim instance being corrected.
- */
- var correctFrame = function(tween) {
- var frames = tween.totalFrames;
- var frame = tween.currentFrame;
- var expected = (tween.currentFrame * tween.duration * 1000 / tween.totalFrames);
- var elapsed = (new Date() - tween.getStartTime());
- var tweak = 0;
-
- if (elapsed < tween.duration * 1000) { // check if falling behind
- tweak = Math.round((elapsed / expected - 1) * tween.currentFrame);
- } else { // went over duration, so jump to end
- tweak = frames - (frame + 1);
- }
- if (tweak > 0 && isFinite(tweak)) { // adjust if needed
- if (tween.currentFrame + tweak >= frames) {// dont go past last frame
- tweak = frames - (frame + 1);
- }
-
- tween.currentFrame += tweak;
- }
- };
- this._queue = queue;
- this._getIndex = getIndex;
-};
-/**
- * Used to calculate Bezier splines for any number of control points.
- * @class Bezier
- * @namespace YAHOO.util
- *
- */
-YAHOO.util.Bezier = new function() {
- /**
- * Get the current position of the animated element based on t.
- * Each point is an array of "x" and "y" values (0 = x, 1 = y)
- * At least 2 points are required (start and end).
- * First point is start. Last point is end.
- * Additional control points are optional.
- * @method getPosition
- * @param {Array} points An array containing Bezier points
- * @param {Number} t A number between 0 and 1 which is the basis for determining current position
- * @return {Array} An array containing int x and y member data
- */
- this.getPosition = function(points, t) {
- var n = points.length;
- var tmp = [];
-
- for (var i = 0; i < n; ++i){
- tmp[i] = [points[i][0], points[i][1]]; // save input
- }
-
- for (var j = 1; j < n; ++j) {
- for (i = 0; i < n - j; ++i) {
- tmp[i][0] = (1 - t) * tmp[i][0] + t * tmp[parseInt(i + 1, 10)][0];
- tmp[i][1] = (1 - t) * tmp[i][1] + t * tmp[parseInt(i + 1, 10)][1];
- }
- }
-
- return [ tmp[0][0], tmp[0][1] ];
-
- };
-};
-(function() {
-/**
- * Anim subclass for color transitions.
- *
Usage: var myAnim = new Y.ColorAnim(el, { backgroundColor: { from: '#FF0000', to: '#FFFFFF' } }, 1, Y.Easing.easeOut); Color values can be specified with either 112233, #112233,
- * [255,255,255], or rgb(255,255,255)
- * @class ColorAnim
- * @namespace YAHOO.util
- * @requires YAHOO.util.Anim
- * @requires YAHOO.util.AnimMgr
- * @requires YAHOO.util.Easing
- * @requires YAHOO.util.Bezier
- * @requires YAHOO.util.Dom
- * @requires YAHOO.util.Event
- * @constructor
- * @extends YAHOO.util.Anim
- * @param {HTMLElement | String} el Reference to the element that will be animated
- * @param {Object} attributes The attribute(s) to be animated.
- * Each attribute is an object with at minimum a "to" or "by" member defined.
- * Additional optional members are "from" (defaults to current value), "units" (defaults to "px").
- * All attribute names use camelCase.
- * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based
- * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method)
- */
- var ColorAnim = function(el, attributes, duration, method) {
- ColorAnim.superclass.constructor.call(this, el, attributes, duration, method);
- };
-
- ColorAnim.NAME = 'ColorAnim';
-
- ColorAnim.DEFAULT_BGCOLOR = '#fff';
- // shorthand
- var Y = YAHOO.util;
- YAHOO.extend(ColorAnim, Y.Anim);
-
- var superclass = ColorAnim.superclass;
- var proto = ColorAnim.prototype;
-
- proto.patterns.color = /color$/i;
- proto.patterns.rgb = /^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i;
- proto.patterns.hex = /^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i;
- proto.patterns.hex3 = /^#?([0-9A-F]{1})([0-9A-F]{1})([0-9A-F]{1})$/i;
- proto.patterns.transparent = /^transparent|rgba\(0, 0, 0, 0\)$/; // need rgba for safari
-
- /**
- * Attempts to parse the given string and return a 3-tuple.
- * @method parseColor
- * @param {String} s The string to parse.
- * @return {Array} The 3-tuple of rgb values.
- */
- proto.parseColor = function(s) {
- if (s.length == 3) { return s; }
-
- var c = this.patterns.hex.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1], 16), parseInt(c[2], 16), parseInt(c[3], 16) ];
- }
-
- c = this.patterns.rgb.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1], 10), parseInt(c[2], 10), parseInt(c[3], 10) ];
- }
-
- c = this.patterns.hex3.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1] + c[1], 16), parseInt(c[2] + c[2], 16), parseInt(c[3] + c[3], 16) ];
- }
-
- return null;
- };
-
- proto.getAttribute = function(attr) {
- var el = this.getEl();
- if (this.patterns.color.test(attr) ) {
- var val = YAHOO.util.Dom.getStyle(el, attr);
-
- var that = this;
- if (this.patterns.transparent.test(val)) { // bgcolor default
- var parent = YAHOO.util.Dom.getAncestorBy(el, function(node) {
- return !that.patterns.transparent.test(val);
- });
-
- if (parent) {
- val = Y.Dom.getStyle(parent, attr);
- } else {
- val = ColorAnim.DEFAULT_BGCOLOR;
- }
- }
- } else {
- val = superclass.getAttribute.call(this, attr);
- }
-
- return val;
- };
-
- proto.doMethod = function(attr, start, end) {
- var val;
-
- if ( this.patterns.color.test(attr) ) {
- val = [];
- for (var i = 0, len = start.length; i < len; ++i) {
- val[i] = superclass.doMethod.call(this, attr, start[i], end[i]);
- }
-
- val = 'rgb('+Math.floor(val[0])+','+Math.floor(val[1])+','+Math.floor(val[2])+')';
- }
- else {
- val = superclass.doMethod.call(this, attr, start, end);
- }
-
- return val;
- };
-
- proto.setRuntimeAttribute = function(attr) {
- superclass.setRuntimeAttribute.call(this, attr);
-
- if ( this.patterns.color.test(attr) ) {
- var attributes = this.attributes;
- var start = this.parseColor(this.runtimeAttributes[attr].start);
- var end = this.parseColor(this.runtimeAttributes[attr].end);
- // fix colors if going "by"
- if ( typeof attributes[attr]['to'] === 'undefined' && typeof attributes[attr]['by'] !== 'undefined' ) {
- end = this.parseColor(attributes[attr].by);
-
- for (var i = 0, len = start.length; i < len; ++i) {
- end[i] = start[i] + end[i];
- }
- }
-
- this.runtimeAttributes[attr].start = start;
- this.runtimeAttributes[attr].end = end;
- }
- };
-
- Y.ColorAnim = ColorAnim;
-})();
-/*!
-TERMS OF USE - EASING EQUATIONS
-Open source under the BSD License.
-Copyright 2001 Robert Penner All rights reserved.
-
-Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
-
- * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
- * Neither the name of the author nor the names of contributors may be used to endorse or promote products derived from this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-*/
-
-/**
- * Singleton that determines how an animation proceeds from start to end.
- * @class Easing
- * @namespace YAHOO.util
-*/
-
-YAHOO.util.Easing = {
-
- /**
- * Uniform speed between points.
- * @method easeNone
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeNone: function (t, b, c, d) {
- return c*t/d + b;
- },
-
- /**
- * Begins slowly and accelerates towards end.
- * @method easeIn
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeIn: function (t, b, c, d) {
- return c*(t/=d)*t + b;
- },
-
- /**
- * Begins quickly and decelerates towards end.
- * @method easeOut
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeOut: function (t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- },
-
- /**
- * Begins slowly and decelerates towards end.
- * @method easeBoth
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeBoth: function (t, b, c, d) {
- if ((t/=d/2) < 1) {
- return c/2*t*t + b;
- }
-
- return -c/2 * ((--t)*(t-2) - 1) + b;
- },
-
- /**
- * Begins slowly and accelerates towards end.
- * @method easeInStrong
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeInStrong: function (t, b, c, d) {
- return c*(t/=d)*t*t*t + b;
- },
-
- /**
- * Begins quickly and decelerates towards end.
- * @method easeOutStrong
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeOutStrong: function (t, b, c, d) {
- return -c * ((t=t/d-1)*t*t*t - 1) + b;
- },
-
- /**
- * Begins slowly and decelerates towards end.
- * @method easeBothStrong
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- easeBothStrong: function (t, b, c, d) {
- if ((t/=d/2) < 1) {
- return c/2*t*t*t*t + b;
- }
-
- return -c/2 * ((t-=2)*t*t*t - 2) + b;
- },
-
- /**
- * Snap in elastic effect.
- * @method elasticIn
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} a Amplitude (optional)
- * @param {Number} p Period (optional)
- * @return {Number} The computed value for the current animation frame
- */
-
- elasticIn: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
- if ( (t /= d) == 1 ) {
- return b+c;
- }
- if (!p) {
- p=d*.3;
- }
-
- if (!a || a < Math.abs(c)) {
- a = c;
- var s = p/4;
- }
- else {
- var s = p/(2*Math.PI) * Math.asin (c/a);
- }
-
- return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- },
-
- /**
- * Snap out elastic effect.
- * @method elasticOut
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} a Amplitude (optional)
- * @param {Number} p Period (optional)
- * @return {Number} The computed value for the current animation frame
- */
- elasticOut: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
- if ( (t /= d) == 1 ) {
- return b+c;
- }
- if (!p) {
- p=d*.3;
- }
-
- if (!a || a < Math.abs(c)) {
- a = c;
- var s = p / 4;
- }
- else {
- var s = p/(2*Math.PI) * Math.asin (c/a);
- }
-
- return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
- },
-
- /**
- * Snap both elastic effect.
- * @method elasticBoth
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} a Amplitude (optional)
- * @param {Number} p Period (optional)
- * @return {Number} The computed value for the current animation frame
- */
- elasticBoth: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
-
- if ( (t /= d/2) == 2 ) {
- return b+c;
- }
-
- if (!p) {
- p = d*(.3*1.5);
- }
-
- if ( !a || a < Math.abs(c) ) {
- a = c;
- var s = p/4;
- }
- else {
- var s = p/(2*Math.PI) * Math.asin (c/a);
- }
-
- if (t < 1) {
- return -.5*(a*Math.pow(2,10*(t-=1)) *
- Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- }
- return a*Math.pow(2,-10*(t-=1)) *
- Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
- },
-
-
- /**
- * Backtracks slightly, then reverses direction and moves to end.
- * @method backIn
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} s Overshoot (optional)
- * @return {Number} The computed value for the current animation frame
- */
- backIn: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
- return c*(t/=d)*t*((s+1)*t - s) + b;
- },
-
- /**
- * Overshoots end, then reverses and comes back to end.
- * @method backOut
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} s Overshoot (optional)
- * @return {Number} The computed value for the current animation frame
- */
- backOut: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
- return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
- },
-
- /**
- * Backtracks slightly, then reverses direction, overshoots end,
- * then reverses and comes back to end.
- * @method backBoth
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @param {Number} s Overshoot (optional)
- * @return {Number} The computed value for the current animation frame
- */
- backBoth: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
-
- if ((t /= d/2 ) < 1) {
- return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
- }
- return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
- },
-
- /**
- * Bounce off of start.
- * @method bounceIn
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- bounceIn: function (t, b, c, d) {
- return c - YAHOO.util.Easing.bounceOut(d-t, 0, c, d) + b;
- },
-
- /**
- * Bounces off end.
- * @method bounceOut
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- bounceOut: function (t, b, c, d) {
- if ((t/=d) < (1/2.75)) {
- return c*(7.5625*t*t) + b;
- } else if (t < (2/2.75)) {
- return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
- } else if (t < (2.5/2.75)) {
- return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
- }
- return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
- },
-
- /**
- * Bounces off start and end.
- * @method bounceBoth
- * @param {Number} t Time value used to compute current value
- * @param {Number} b Starting value
- * @param {Number} c Delta between start and end values
- * @param {Number} d Total length of animation
- * @return {Number} The computed value for the current animation frame
- */
- bounceBoth: function (t, b, c, d) {
- if (t < d/2) {
- return YAHOO.util.Easing.bounceIn(t*2, 0, c, d) * .5 + b;
- }
- return YAHOO.util.Easing.bounceOut(t*2-d, 0, c, d) * .5 + c*.5 + b;
- }
-};
-
-(function() {
-/**
- * Anim subclass for moving elements along a path defined by the "points"
- * member of "attributes". All "points" are arrays with x, y coordinates.
- *
Usage: var myAnim = new YAHOO.util.Motion(el, { points: { to: [800, 800] } }, 1, YAHOO.util.Easing.easeOut);
- * @class Motion
- * @namespace YAHOO.util
- * @requires YAHOO.util.Anim
- * @requires YAHOO.util.AnimMgr
- * @requires YAHOO.util.Easing
- * @requires YAHOO.util.Bezier
- * @requires YAHOO.util.Dom
- * @requires YAHOO.util.Event
- * @requires YAHOO.util.CustomEvent
- * @constructor
- * @extends YAHOO.util.ColorAnim
- * @param {String | HTMLElement} el Reference to the element that will be animated
- * @param {Object} attributes The attribute(s) to be animated.
- * Each attribute is an object with at minimum a "to" or "by" member defined.
- * Additional optional members are "from" (defaults to current value), "units" (defaults to "px").
- * All attribute names use camelCase.
- * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based
- * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method)
- */
- var Motion = function(el, attributes, duration, method) {
- if (el) { // dont break existing subclasses not using YAHOO.extend
- Motion.superclass.constructor.call(this, el, attributes, duration, method);
- }
- };
-
-
- Motion.NAME = 'Motion';
-
- // shorthand
- var Y = YAHOO.util;
- YAHOO.extend(Motion, Y.ColorAnim);
-
- var superclass = Motion.superclass;
- var proto = Motion.prototype;
-
- proto.patterns.points = /^points$/i;
-
- proto.setAttribute = function(attr, val, unit) {
- if ( this.patterns.points.test(attr) ) {
- unit = unit || 'px';
- superclass.setAttribute.call(this, 'left', val[0], unit);
- superclass.setAttribute.call(this, 'top', val[1], unit);
- } else {
- superclass.setAttribute.call(this, attr, val, unit);
- }
- };
-
- proto.getAttribute = function(attr) {
- if ( this.patterns.points.test(attr) ) {
- var val = [
- superclass.getAttribute.call(this, 'left'),
- superclass.getAttribute.call(this, 'top')
- ];
- } else {
- val = superclass.getAttribute.call(this, attr);
- }
-
- return val;
- };
-
- proto.doMethod = function(attr, start, end) {
- var val = null;
-
- if ( this.patterns.points.test(attr) ) {
- var t = this.method(this.currentFrame, 0, 100, this.totalFrames) / 100;
- val = Y.Bezier.getPosition(this.runtimeAttributes[attr], t);
- } else {
- val = superclass.doMethod.call(this, attr, start, end);
- }
- return val;
- };
-
- proto.setRuntimeAttribute = function(attr) {
- if ( this.patterns.points.test(attr) ) {
- var el = this.getEl();
- var attributes = this.attributes;
- var start;
- var control = attributes['points']['control'] || [];
- var end;
- var i, len;
-
- if (control.length > 0 && !(control[0] instanceof Array) ) { // could be single point or array of points
- control = [control];
- } else { // break reference to attributes.points.control
- var tmp = [];
- for (i = 0, len = control.length; i< len; ++i) {
- tmp[i] = control[i];
- }
- control = tmp;
- }
-
- if (Y.Dom.getStyle(el, 'position') == 'static') { // default to relative
- Y.Dom.setStyle(el, 'position', 'relative');
- }
-
- if ( isset(attributes['points']['from']) ) {
- Y.Dom.setXY(el, attributes['points']['from']); // set position to from point
- }
- else { Y.Dom.setXY( el, Y.Dom.getXY(el) ); } // set it to current position
-
- start = this.getAttribute('points'); // get actual top & left
-
- // TO beats BY, per SMIL 2.1 spec
- if ( isset(attributes['points']['to']) ) {
- end = translateValues.call(this, attributes['points']['to'], start);
-
- var pageXY = Y.Dom.getXY(this.getEl());
- for (i = 0, len = control.length; i < len; ++i) {
- control[i] = translateValues.call(this, control[i], start);
- }
-
-
- } else if ( isset(attributes['points']['by']) ) {
- end = [ start[0] + attributes['points']['by'][0], start[1] + attributes['points']['by'][1] ];
-
- for (i = 0, len = control.length; i < len; ++i) {
- control[i] = [ start[0] + control[i][0], start[1] + control[i][1] ];
- }
- }
-
- this.runtimeAttributes[attr] = [start];
-
- if (control.length > 0) {
- this.runtimeAttributes[attr] = this.runtimeAttributes[attr].concat(control);
- }
-
- this.runtimeAttributes[attr][this.runtimeAttributes[attr].length] = end;
- }
- else {
- superclass.setRuntimeAttribute.call(this, attr);
- }
- };
-
- var translateValues = function(val, start) {
- var pageXY = Y.Dom.getXY(this.getEl());
- val = [ val[0] - pageXY[0] + start[0], val[1] - pageXY[1] + start[1] ];
-
- return val;
- };
-
- var isset = function(prop) {
- return (typeof prop !== 'undefined');
- };
-
- Y.Motion = Motion;
-})();
-(function() {
-/**
- * Anim subclass for scrolling elements to a position defined by the "scroll"
- * member of "attributes". All "scroll" members are arrays with x, y scroll positions.
- *
Usage: var myAnim = new YAHOO.util.Scroll(el, { scroll: { to: [0, 800] } }, 1, YAHOO.util.Easing.easeOut);
Navigate with up/down arrow keys and/or mouse to pick a selection
- *
The drop down container can "roll down" or "fly out" via configurable
- * animation
- *
UI look-and-feel customizable through CSS, including container
- * attributes, borders, position, fonts, etc
- *
- *
- * @class AutoComplete
- * @constructor
- * @param elInput {HTMLElement} DOM element reference of an input field.
- * @param elInput {String} String ID of an input field.
- * @param elContainer {HTMLElement} DOM element reference of an existing DIV.
- * @param elContainer {String} String ID of an existing DIV.
- * @param oDataSource {YAHOO.widget.DataSource} DataSource instance.
- * @param oConfigs {Object} (optional) Object literal of configuration params.
- */
-YAHOO.widget.AutoComplete = function(elInput,elContainer,oDataSource,oConfigs) {
- if(elInput && elContainer && oDataSource) {
- // Validate DataSource
- if(oDataSource && YAHOO.lang.isFunction(oDataSource.sendRequest)) {
- this.dataSource = oDataSource;
- }
- else {
- YAHOO.log("Could not instantiate AutoComplete due to an invalid DataSource", "error", this.toString());
- return;
- }
-
- // YAHOO.widget.DataSource schema backwards compatibility
- // Converted deprecated schema into supported schema
- // First assume key data is held in position 0 of results array
- this.key = 0;
- var schema = oDataSource.responseSchema;
- // An old school schema has been defined in the deprecated DataSource constructor
- if(oDataSource._aDeprecatedSchema) {
- var aDeprecatedSchema = oDataSource._aDeprecatedSchema;
- if(YAHOO.lang.isArray(aDeprecatedSchema)) {
-
- if((oDataSource.responseType === YAHOO.util.DataSourceBase.TYPE_JSON) ||
- (oDataSource.responseType === YAHOO.util.DataSourceBase.TYPE_UNKNOWN)) { // Used to default to unknown
- // Store the resultsList
- schema.resultsList = aDeprecatedSchema[0];
- // Store the key
- this.key = aDeprecatedSchema[1];
- // Only resultsList and key are defined, so grab all the data
- schema.fields = (aDeprecatedSchema.length < 3) ? null : aDeprecatedSchema.slice(1);
- }
- else if(oDataSource.responseType === YAHOO.util.DataSourceBase.TYPE_XML) {
- schema.resultNode = aDeprecatedSchema[0];
- this.key = aDeprecatedSchema[1];
- schema.fields = aDeprecatedSchema.slice(1);
- }
- else if(oDataSource.responseType === YAHOO.util.DataSourceBase.TYPE_TEXT) {
- schema.recordDelim = aDeprecatedSchema[0];
- schema.fieldDelim = aDeprecatedSchema[1];
- }
- oDataSource.responseSchema = schema;
- }
- }
-
- // Validate input element
- if(YAHOO.util.Dom.inDocument(elInput)) {
- if(YAHOO.lang.isString(elInput)) {
- this._sName = "instance" + YAHOO.widget.AutoComplete._nIndex + " " + elInput;
- this._elTextbox = document.getElementById(elInput);
- }
- else {
- this._sName = (elInput.id) ?
- "instance" + YAHOO.widget.AutoComplete._nIndex + " " + elInput.id:
- "instance" + YAHOO.widget.AutoComplete._nIndex;
- this._elTextbox = elInput;
- }
- YAHOO.util.Dom.addClass(this._elTextbox, "yui-ac-input");
- }
- else {
- YAHOO.log("Could not instantiate AutoComplete due to an invalid input element", "error", this.toString());
- return;
- }
-
- // Validate container element
- if(YAHOO.util.Dom.inDocument(elContainer)) {
- if(YAHOO.lang.isString(elContainer)) {
- this._elContainer = document.getElementById(elContainer);
- }
- else {
- this._elContainer = elContainer;
- }
- if(this._elContainer.style.display == "none") {
- YAHOO.log("The container may not display properly if display is set to \"none\" in CSS", "warn", this.toString());
- }
-
- // For skinning
- var elParent = this._elContainer.parentNode;
- var elTag = elParent.tagName.toLowerCase();
- if(elTag == "div") {
- YAHOO.util.Dom.addClass(elParent, "yui-ac");
- }
- else {
- YAHOO.log("Could not find the wrapper element for skinning", "warn", this.toString());
- }
- }
- else {
- YAHOO.log("Could not instantiate AutoComplete due to an invalid container element", "error", this.toString());
- return;
- }
-
- // Default applyLocalFilter setting is to enable for local sources
- if(this.dataSource.dataType === YAHOO.util.DataSourceBase.TYPE_LOCAL) {
- this.applyLocalFilter = true;
- }
-
- // Set any config params passed in to override defaults
- if(oConfigs && (oConfigs.constructor == Object)) {
- for(var sConfig in oConfigs) {
- if(sConfig) {
- this[sConfig] = oConfigs[sConfig];
- }
- }
- }
-
- // Initialization sequence
- this._initContainerEl();
- this._initProps();
- this._initListEl();
- this._initContainerHelperEls();
-
- // Set up events
- var oSelf = this;
- var elTextbox = this._elTextbox;
-
- // Dom events
- YAHOO.util.Event.addListener(elTextbox,"keyup",oSelf._onTextboxKeyUp,oSelf);
- YAHOO.util.Event.addListener(elTextbox,"keydown",oSelf._onTextboxKeyDown,oSelf);
- YAHOO.util.Event.addListener(elTextbox,"focus",oSelf._onTextboxFocus,oSelf);
- YAHOO.util.Event.addListener(elTextbox,"blur",oSelf._onTextboxBlur,oSelf);
- YAHOO.util.Event.addListener(elContainer,"mouseover",oSelf._onContainerMouseover,oSelf);
- YAHOO.util.Event.addListener(elContainer,"mouseout",oSelf._onContainerMouseout,oSelf);
- YAHOO.util.Event.addListener(elContainer,"click",oSelf._onContainerClick,oSelf);
- YAHOO.util.Event.addListener(elContainer,"scroll",oSelf._onContainerScroll,oSelf);
- YAHOO.util.Event.addListener(elContainer,"resize",oSelf._onContainerResize,oSelf);
- YAHOO.util.Event.addListener(elTextbox,"keypress",oSelf._onTextboxKeyPress,oSelf);
- YAHOO.util.Event.addListener(window,"unload",oSelf._onWindowUnload,oSelf);
-
- // Custom events
- this.textboxFocusEvent = new YAHOO.util.CustomEvent("textboxFocus", this);
- this.textboxKeyEvent = new YAHOO.util.CustomEvent("textboxKey", this);
- this.dataRequestEvent = new YAHOO.util.CustomEvent("dataRequest", this);
- this.dataRequestCancelEvent = new YAHOO.util.CustomEvent("dataRequestCancel", this);
- this.dataReturnEvent = new YAHOO.util.CustomEvent("dataReturn", this);
- this.dataErrorEvent = new YAHOO.util.CustomEvent("dataError", this);
- this.containerPopulateEvent = new YAHOO.util.CustomEvent("containerPopulate", this);
- this.containerExpandEvent = new YAHOO.util.CustomEvent("containerExpand", this);
- this.typeAheadEvent = new YAHOO.util.CustomEvent("typeAhead", this);
- this.itemMouseOverEvent = new YAHOO.util.CustomEvent("itemMouseOver", this);
- this.itemMouseOutEvent = new YAHOO.util.CustomEvent("itemMouseOut", this);
- this.itemArrowToEvent = new YAHOO.util.CustomEvent("itemArrowTo", this);
- this.itemArrowFromEvent = new YAHOO.util.CustomEvent("itemArrowFrom", this);
- this.itemSelectEvent = new YAHOO.util.CustomEvent("itemSelect", this);
- this.unmatchedItemSelectEvent = new YAHOO.util.CustomEvent("unmatchedItemSelect", this);
- this.selectionEnforceEvent = new YAHOO.util.CustomEvent("selectionEnforce", this);
- this.containerCollapseEvent = new YAHOO.util.CustomEvent("containerCollapse", this);
- this.textboxBlurEvent = new YAHOO.util.CustomEvent("textboxBlur", this);
- this.textboxChangeEvent = new YAHOO.util.CustomEvent("textboxChange", this);
-
- // Finish up
- elTextbox.setAttribute("autocomplete","off");
- YAHOO.widget.AutoComplete._nIndex++;
- YAHOO.log("AutoComplete initialized","info",this.toString());
- }
- // Required arguments were not found
- else {
- YAHOO.log("Could not instantiate AutoComplete due invalid arguments", "error", this.toString());
- }
-};
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Public member variables
-//
-/////////////////////////////////////////////////////////////////////////////
-
-/**
- * The DataSource object that encapsulates the data used for auto completion.
- * This object should be an inherited object from YAHOO.widget.DataSource.
- *
- * @property dataSource
- * @type YAHOO.widget.DataSource
- */
-YAHOO.widget.AutoComplete.prototype.dataSource = null;
-
-/**
- * By default, results from local DataSources will pass through the filterResults
- * method to apply a client-side matching algorithm.
- *
- * @property applyLocalFilter
- * @type Boolean
- * @default true for local arrays and json, otherwise false
- */
-YAHOO.widget.AutoComplete.prototype.applyLocalFilter = null;
-
-/**
- * When applyLocalFilter is true, the local filtering algorthim can have case sensitivity
- * enabled.
- *
- * @property queryMatchCase
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.queryMatchCase = false;
-
-/**
- * When applyLocalFilter is true, results can be locally filtered to return
- * matching strings that "contain" the query string rather than simply "start with"
- * the query string.
- *
- * @property queryMatchContains
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.queryMatchContains = false;
-
-/**
- * Enables query subset matching. When the DataSource's cache is enabled and queryMatchSubset is
- * true, substrings of queries will return matching cached results. For
- * instance, if the first query is for "abc" susequent queries that start with
- * "abc", like "abcd", will be queried against the cache, and not the live data
- * source. Recommended only for DataSources that return comprehensive results
- * for queries with very few characters.
- *
- * @property queryMatchSubset
- * @type Boolean
- * @default false
- *
- */
-YAHOO.widget.AutoComplete.prototype.queryMatchSubset = false;
-
-/**
- * Number of characters that must be entered before querying for results. A negative value
- * effectively turns off the widget. A value of 0 allows queries of null or empty string
- * values.
- *
- * @property minQueryLength
- * @type Number
- * @default 1
- */
-YAHOO.widget.AutoComplete.prototype.minQueryLength = 1;
-
-/**
- * Maximum number of results to display in results container.
- *
- * @property maxResultsDisplayed
- * @type Number
- * @default 10
- */
-YAHOO.widget.AutoComplete.prototype.maxResultsDisplayed = 10;
-
-/**
- * Number of seconds to delay before submitting a query request. If a query
- * request is received before a previous one has completed its delay, the
- * previous request is cancelled and the new request is set to the delay. If
- * typeAhead is also enabled, this value must always be less than the typeAheadDelay
- * in order to avoid certain race conditions.
- *
- * @property queryDelay
- * @type Number
- * @default 0.2
- */
-YAHOO.widget.AutoComplete.prototype.queryDelay = 0.2;
-
-/**
- * If typeAhead is true, number of seconds to delay before updating input with
- * typeAhead value. In order to prevent certain race conditions, this value must
- * always be greater than the queryDelay.
- *
- * @property typeAheadDelay
- * @type Number
- * @default 0.5
- */
-YAHOO.widget.AutoComplete.prototype.typeAheadDelay = 0.5;
-
-/**
- * When IME usage is detected or interval detection is explicitly enabled,
- * AutoComplete will detect the input value at the given interval and send a
- * query if the value has changed.
- *
- * @property queryInterval
- * @type Number
- * @default 500
- */
-YAHOO.widget.AutoComplete.prototype.queryInterval = 500;
-
-/**
- * Class name of a highlighted item within results container.
- *
- * @property highlightClassName
- * @type String
- * @default "yui-ac-highlight"
- */
-YAHOO.widget.AutoComplete.prototype.highlightClassName = "yui-ac-highlight";
-
-/**
- * Class name of a pre-highlighted item within results container.
- *
- * @property prehighlightClassName
- * @type String
- */
-YAHOO.widget.AutoComplete.prototype.prehighlightClassName = null;
-
-/**
- * Query delimiter. A single character separator for multiple delimited
- * selections. Multiple delimiter characteres may be defined as an array of
- * strings. A null value or empty string indicates that query results cannot
- * be delimited. This feature is not recommended if you need forceSelection to
- * be true.
- *
- * @property delimChar
- * @type String | String[]
- */
-YAHOO.widget.AutoComplete.prototype.delimChar = null;
-
-/**
- * Whether or not the first item in results container should be automatically highlighted
- * on expand.
- *
- * @property autoHighlight
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.autoHighlight = true;
-
-/**
- * If autohighlight is enabled, whether or not the input field should be automatically updated
- * with the first query result as the user types, auto-selecting the substring portion
- * of the first result that the user has not yet typed.
- *
- * @property typeAhead
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.typeAhead = false;
-
-/**
- * Whether or not to animate the expansion/collapse of the results container in the
- * horizontal direction.
- *
- * @property animHoriz
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.animHoriz = false;
-
-/**
- * Whether or not to animate the expansion/collapse of the results container in the
- * vertical direction.
- *
- * @property animVert
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.animVert = true;
-
-/**
- * Speed of container expand/collapse animation, in seconds..
- *
- * @property animSpeed
- * @type Number
- * @default 0.3
- */
-YAHOO.widget.AutoComplete.prototype.animSpeed = 0.3;
-
-/**
- * Whether or not to force the user's selection to match one of the query
- * results. Enabling this feature essentially transforms the input field into a
- * <select> field. This feature is not recommended with delimiter character(s)
- * defined.
- *
- * @property forceSelection
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.forceSelection = false;
-
-/**
- * Whether or not to allow browsers to cache user-typed input in the input
- * field. Disabling this feature will prevent the widget from setting the
- * autocomplete="off" on the input field. When autocomplete="off"
- * and users click the back button after form submission, user-typed input can
- * be prefilled by the browser from its cache. This caching of user input may
- * not be desired for sensitive data, such as credit card numbers, in which
- * case, implementers should consider setting allowBrowserAutocomplete to false.
- *
- * @property allowBrowserAutocomplete
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.allowBrowserAutocomplete = true;
-
-/**
- * Enabling this feature prevents the toggling of the container to a collapsed state.
- * Setting to true does not automatically trigger the opening of the container.
- * Implementers are advised to pre-load the container with an explicit "sendQuery()" call.
- *
- * @property alwaysShowContainer
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.alwaysShowContainer = false;
-
-/**
- * Whether or not to use an iFrame to layer over Windows form elements in
- * IE. Set to true only when the results container will be on top of a
- * <select> field in IE and thus exposed to the IE z-index bug (i.e.,
- * 5.5 < IE < 7).
- *
- * @property useIFrame
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.useIFrame = false;
-
-/**
- * Whether or not the results container should have a shadow.
- *
- * @property useShadow
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.useShadow = false;
-
-/**
- * Whether or not the input field should be updated with selections.
- *
- * @property suppressInputUpdate
- * @type Boolean
- * @default false
- */
-YAHOO.widget.AutoComplete.prototype.suppressInputUpdate = false;
-
-/**
- * For backward compatibility to pre-2.6.0 formatResults() signatures, setting
- * resultsTypeList to true will take each object literal result returned by
- * DataSource and flatten into an array.
- *
- * @property resultTypeList
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.resultTypeList = true;
-
-/**
- * For XHR DataSources, AutoComplete will automatically insert a "?" between the server URI and
- * the "query" param/value pair. To prevent this behavior, implementers should
- * set this value to false. To more fully customize the query syntax, implementers
- * should override the generateRequest() method.
- *
- * @property queryQuestionMark
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.queryQuestionMark = true;
-
-/**
- * If true, before each time the container expands, the container element will be
- * positioned to snap to the bottom-left corner of the input element. If
- * autoSnapContainer is set to false, this positioning will not be done.
- *
- * @property autoSnapContainer
- * @type Boolean
- * @default true
- */
-YAHOO.widget.AutoComplete.prototype.autoSnapContainer = true;
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Public methods
-//
-/////////////////////////////////////////////////////////////////////////////
-
- /**
- * Public accessor to the unique name of the AutoComplete instance.
- *
- * @method toString
- * @return {String} Unique name of the AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.toString = function() {
- return "AutoComplete " + this._sName;
-};
-
- /**
- * Returns DOM reference to input element.
- *
- * @method getInputEl
- * @return {HTMLELement} DOM reference to input element.
- */
-YAHOO.widget.AutoComplete.prototype.getInputEl = function() {
- return this._elTextbox;
-};
-
- /**
- * Returns DOM reference to container element.
- *
- * @method getContainerEl
- * @return {HTMLELement} DOM reference to container element.
- */
-YAHOO.widget.AutoComplete.prototype.getContainerEl = function() {
- return this._elContainer;
-};
-
- /**
- * Returns true if widget instance is currently active.
- *
- * @method isFocused
- * @return {Boolean} Returns true if widget instance is currently active.
- */
-YAHOO.widget.AutoComplete.prototype.isFocused = function() {
- return this._bFocused;
-};
-
- /**
- * Returns true if container is in an expanded state, false otherwise.
- *
- * @method isContainerOpen
- * @return {Boolean} Returns true if container is in an expanded state, false otherwise.
- */
-YAHOO.widget.AutoComplete.prototype.isContainerOpen = function() {
- return this._bContainerOpen;
-};
-
-/**
- * Public accessor to the <ul> element that displays query results within the results container.
- *
- * @method getListEl
- * @return {HTMLElement[]} Reference to <ul> element within the results container.
- */
-YAHOO.widget.AutoComplete.prototype.getListEl = function() {
- return this._elList;
-};
-
-/**
- * Public accessor to the matching string associated with a given <li> result.
- *
- * @method getListItemMatch
- * @param elListItem {HTMLElement} Reference to <LI> element.
- * @return {String} Matching string.
- */
-YAHOO.widget.AutoComplete.prototype.getListItemMatch = function(elListItem) {
- if(elListItem._sResultMatch) {
- return elListItem._sResultMatch;
- }
- else {
- return null;
- }
-};
-
-/**
- * Public accessor to the result data associated with a given <li> result.
- *
- * @method getListItemData
- * @param elListItem {HTMLElement} Reference to <LI> element.
- * @return {Object} Result data.
- */
-YAHOO.widget.AutoComplete.prototype.getListItemData = function(elListItem) {
- if(elListItem._oResultData) {
- return elListItem._oResultData;
- }
- else {
- return null;
- }
-};
-
-/**
- * Public accessor to the index of the associated with a given <li> result.
- *
- * @method getListItemIndex
- * @param elListItem {HTMLElement} Reference to <LI> element.
- * @return {Number} Index.
- */
-YAHOO.widget.AutoComplete.prototype.getListItemIndex = function(elListItem) {
- if(YAHOO.lang.isNumber(elListItem._nItemIndex)) {
- return elListItem._nItemIndex;
- }
- else {
- return null;
- }
-};
-
-/**
- * Sets HTML markup for the results container header. This markup will be
- * inserted within a <div> tag with a class of "yui-ac-hd".
- *
- * @method setHeader
- * @param sHeader {HTML} HTML markup for results container header.
- */
-YAHOO.widget.AutoComplete.prototype.setHeader = function(sHeader) {
- if(this._elHeader) {
- var elHeader = this._elHeader;
- if(sHeader) {
- elHeader.innerHTML = sHeader;
- elHeader.style.display = "";
- }
- else {
- elHeader.innerHTML = "";
- elHeader.style.display = "none";
- }
- }
-};
-
-/**
- * Sets HTML markup for the results container footer. This markup will be
- * inserted within a <div> tag with a class of "yui-ac-ft".
- *
- * @method setFooter
- * @param sFooter {HTML} HTML markup for results container footer.
- */
-YAHOO.widget.AutoComplete.prototype.setFooter = function(sFooter) {
- if(this._elFooter) {
- var elFooter = this._elFooter;
- if(sFooter) {
- elFooter.innerHTML = sFooter;
- elFooter.style.display = "";
- }
- else {
- elFooter.innerHTML = "";
- elFooter.style.display = "none";
- }
- }
-};
-
-/**
- * Sets HTML markup for the results container body. This markup will be
- * inserted within a <div> tag with a class of "yui-ac-bd".
- *
- * @method setBody
- * @param sBody {HTML} HTML markup for results container body.
- */
-YAHOO.widget.AutoComplete.prototype.setBody = function(sBody) {
- if(this._elBody) {
- var elBody = this._elBody;
- YAHOO.util.Event.purgeElement(elBody, true);
- if(sBody) {
- elBody.innerHTML = sBody;
- elBody.style.display = "";
- }
- else {
- elBody.innerHTML = "";
- elBody.style.display = "none";
- }
- this._elList = null;
- }
-};
-
-/**
-* A function that converts an AutoComplete query into a request value which is then
-* passed to the DataSource's sendRequest method in order to retrieve data for
-* the query. By default, returns a String with the syntax: "query={query}"
-* Implementers can customize this method for custom request syntaxes.
-*
-* @method generateRequest
-* @param sQuery {String} Query string
-* @return {MIXED} Request
-*/
-YAHOO.widget.AutoComplete.prototype.generateRequest = function(sQuery) {
- var dataType = this.dataSource.dataType;
-
- // Transform query string in to a request for remote data
- // By default, local data doesn't need a transformation, just passes along the query as is.
- if(dataType === YAHOO.util.DataSourceBase.TYPE_XHR) {
- // By default, XHR GET requests look like "{scriptURI}?{scriptQueryParam}={sQuery}&{scriptQueryAppend}"
- if(!this.dataSource.connMethodPost) {
- sQuery = (this.queryQuestionMark ? "?" : "") + (this.dataSource.scriptQueryParam || "query") + "=" + sQuery +
- (this.dataSource.scriptQueryAppend ? ("&" + this.dataSource.scriptQueryAppend) : "");
- }
- // By default, XHR POST bodies are sent to the {scriptURI} like "{scriptQueryParam}={sQuery}&{scriptQueryAppend}"
- else {
- sQuery = (this.dataSource.scriptQueryParam || "query") + "=" + sQuery +
- (this.dataSource.scriptQueryAppend ? ("&" + this.dataSource.scriptQueryAppend) : "");
- }
- }
- // By default, remote script node requests look like "{scriptURI}&{scriptCallbackParam}={callbackString}&{scriptQueryParam}={sQuery}&{scriptQueryAppend}"
- else if(dataType === YAHOO.util.DataSourceBase.TYPE_SCRIPTNODE) {
- sQuery = "&" + (this.dataSource.scriptQueryParam || "query") + "=" + sQuery +
- (this.dataSource.scriptQueryAppend ? ("&" + this.dataSource.scriptQueryAppend) : "");
- }
-
- return sQuery;
-};
-
-/**
- * Makes query request to the DataSource.
- *
- * @method sendQuery
- * @param sQuery {String} Query string.
- */
-YAHOO.widget.AutoComplete.prototype.sendQuery = function(sQuery) {
- // Activate focus for a new interaction
- this._bFocused = true;
-
- // Adjust programatically sent queries to look like they were input by user
- // when delimiters are enabled
- var newQuery = (this.delimChar) ? this._elTextbox.value + sQuery : sQuery;
- this._sendQuery(newQuery);
-};
-
-/**
- * Snaps container to bottom-left corner of input element
- *
- * @method snapContainer
- */
-YAHOO.widget.AutoComplete.prototype.snapContainer = function() {
- var oTextbox = this._elTextbox,
- pos = YAHOO.util.Dom.getXY(oTextbox);
- pos[1] += YAHOO.util.Dom.get(oTextbox).offsetHeight + 2;
- YAHOO.util.Dom.setXY(this._elContainer,pos);
-};
-
-/**
- * Expands container.
- *
- * @method expandContainer
- */
-YAHOO.widget.AutoComplete.prototype.expandContainer = function() {
- this._toggleContainer(true);
-};
-
-/**
- * Collapses container.
- *
- * @method collapseContainer
- */
-YAHOO.widget.AutoComplete.prototype.collapseContainer = function() {
- this._toggleContainer(false);
-};
-
-/**
- * Clears entire list of suggestions.
- *
- * @method clearList
- */
-YAHOO.widget.AutoComplete.prototype.clearList = function() {
- var allItems = this._elList.childNodes,
- i=allItems.length-1;
- for(; i>-1; i--) {
- allItems[i].style.display = "none";
- }
-};
-
-/**
- * Handles subset matching for when queryMatchSubset is enabled.
- *
- * @method getSubsetMatches
- * @param sQuery {String} Query string.
- * @return {Object} oParsedResponse or null.
- */
-YAHOO.widget.AutoComplete.prototype.getSubsetMatches = function(sQuery) {
- var subQuery, oCachedResponse, subRequest;
- // Loop through substrings of each cached element's query property...
- for(var i = sQuery.length; i >= this.minQueryLength ; i--) {
- subRequest = this.generateRequest(sQuery.substr(0,i));
- this.dataRequestEvent.fire(this, subQuery, subRequest);
- YAHOO.log("Searching for query subset \"" + subQuery + "\" in cache", "info", this.toString());
-
- // If a substring of the query is found in the cache
- oCachedResponse = this.dataSource.getCachedResponse(subRequest);
- if(oCachedResponse) {
- YAHOO.log("Found match for query subset \"" + subQuery + "\": " + YAHOO.lang.dump(oCachedResponse), "info", this.toString());
- return this.filterResults.apply(this.dataSource, [sQuery, oCachedResponse, oCachedResponse, {scope:this}]);
- }
- }
- YAHOO.log("Did not find subset match for query subset \"" + sQuery + "\"" , "info", this.toString());
- return null;
-};
-
-/**
- * Executed by DataSource (within DataSource scope via doBeforeParseData()) to
- * handle responseStripAfter cleanup.
- *
- * @method preparseRawResponse
- * @param sQuery {String} Query string.
- * @return {Object} oParsedResponse or null.
- */
-YAHOO.widget.AutoComplete.prototype.preparseRawResponse = function(oRequest, oFullResponse, oCallback) {
- var nEnd = ((this.responseStripAfter !== "") && (oFullResponse.indexOf)) ?
- oFullResponse.indexOf(this.responseStripAfter) : -1;
- if(nEnd != -1) {
- oFullResponse = oFullResponse.substring(0,nEnd);
- }
- return oFullResponse;
-};
-
-/**
- * Executed by DataSource (within DataSource scope via doBeforeCallback()) to
- * filter results through a simple client-side matching algorithm.
- *
- * @method filterResults
- * @param sQuery {String} Original request.
- * @param oFullResponse {Object} Full response object.
- * @param oParsedResponse {Object} Parsed response object.
- * @param oCallback {Object} Callback object.
- * @return {Object} Filtered response object.
- */
-
-YAHOO.widget.AutoComplete.prototype.filterResults = function(sQuery, oFullResponse, oParsedResponse, oCallback) {
- // If AC has passed a query string value back to itself, grab it
- if(oCallback && oCallback.argument && YAHOO.lang.isValue(oCallback.argument.query)) {
- sQuery = oCallback.argument.query;
- }
-
- // Only if a query string is available to match against
- if(sQuery && sQuery !== "") {
- // First make a copy of the oParseResponse
- oParsedResponse = YAHOO.widget.AutoComplete._cloneObject(oParsedResponse);
-
- var oAC = oCallback.scope,
- oDS = this,
- allResults = oParsedResponse.results, // the array of results
- filteredResults = [], // container for filtered results,
- nMax = oAC.maxResultsDisplayed, // max to find
- bMatchCase = (oDS.queryMatchCase || oAC.queryMatchCase), // backward compat
- bMatchContains = (oDS.queryMatchContains || oAC.queryMatchContains); // backward compat
-
- // Loop through each result object...
- for(var i=0, len=allResults.length; i -1))) {
- // Stash the match
- filteredResults.push(oResult);
- }
- }
-
- // Filter no more if maxResultsDisplayed is reached
- if(len>nMax && filteredResults.length===nMax) {
- break;
- }
- }
- oParsedResponse.results = filteredResults;
- YAHOO.log("Filtered " + filteredResults.length + " results against query \"" + sQuery + "\": " + YAHOO.lang.dump(filteredResults), "info", this.toString());
- }
- else {
- YAHOO.log("Did not filter results against query", "info", this.toString());
- }
-
- return oParsedResponse;
-};
-
-/**
- * Handles response for display. This is the callback function method passed to
- * YAHOO.util.DataSourceBase#sendRequest so results from the DataSource are
- * returned to the AutoComplete instance.
- *
- * @method handleResponse
- * @param sQuery {String} Original request.
- * @param oResponse {Object} Response object.
- * @param oPayload {MIXED} (optional) Additional argument(s)
- */
-YAHOO.widget.AutoComplete.prototype.handleResponse = function(sQuery, oResponse, oPayload) {
- if((this instanceof YAHOO.widget.AutoComplete) && this._sName) {
- this._populateList(sQuery, oResponse, oPayload);
- }
-};
-
-/**
- * Overridable method called before container is loaded with result data.
- *
- * @method doBeforeLoadData
- * @param sQuery {String} Original request.
- * @param oResponse {Object} Response object.
- * @param oPayload {MIXED} (optional) Additional argument(s)
- * @return {Boolean} Return true to continue loading data, false to cancel.
- */
-YAHOO.widget.AutoComplete.prototype.doBeforeLoadData = function(sQuery, oResponse, oPayload) {
- return true;
-};
-
-/**
- * Overridable method that returns HTML markup for one result to be populated
- * as innerHTML of an <LI> element.
- *
- * @method formatResult
- * @param oResultData {Object} Result data object.
- * @param sQuery {String} The corresponding query string.
- * @param sResultMatch {HTMLElement} The current query string.
- * @return {HTML} HTML markup of formatted result data.
- */
-YAHOO.widget.AutoComplete.prototype.formatResult = function(oResultData, sQuery, sResultMatch) {
- var sMarkup = (sResultMatch) ? sResultMatch : "";
- return sMarkup;
-};
-
-/**
- * An alternative to the formatResult() method, escapes the result data before
- * inserting into DOM. Implementers should point to this method when accessing
- * data from third-party sources, from user input, or from otherwise
- * untrustworthy sources:
- * myAutoComplete.formatResult = myAutoComplete.formatEscapedResult;
- *
- * @method formatEscapedResult
- * @param oResultData {Object} Result data object.
- * @param sQuery {String} The corresponding query string.
- * @param sResultMatch {HTMLElement} The current query string.
- * @return {String} Formatted result data.
- */
-YAHOO.widget.AutoComplete.prototype.formatEscapedResult = function(oResultData, sQuery, sResultMatch) {
- var sResult = (sResultMatch) ? sResultMatch : "";
- return YAHOO.lang.escapeHTML(sResult);
-};
-
-/**
- * Overridable method called before container expands allows implementers to access data
- * and DOM elements.
- *
- * @method doBeforeExpandContainer
- * @param elTextbox {HTMLElement} The text input box.
- * @param elContainer {HTMLElement} The container element.
- * @param sQuery {String} The query string.
- * @param aResults {Object[]} An array of query results.
- * @return {Boolean} Return true to continue expanding container, false to cancel the expand.
- */
-YAHOO.widget.AutoComplete.prototype.doBeforeExpandContainer = function(elTextbox, elContainer, sQuery, aResults) {
- return true;
-};
-
-
-/**
- * Nulls out the entire AutoComplete instance and related objects, removes attached
- * event listeners, and clears out DOM elements inside the container. After
- * calling this method, the instance reference should be expliclitly nulled by
- * implementer, as in myAutoComplete = null. Use with caution!
- *
- * @method destroy
- */
-YAHOO.widget.AutoComplete.prototype.destroy = function() {
- var instanceName = this.toString();
- var elInput = this._elTextbox;
- var elContainer = this._elContainer;
-
- // Unhook custom events
- this.textboxFocusEvent.unsubscribeAll();
- this.textboxKeyEvent.unsubscribeAll();
- this.dataRequestEvent.unsubscribeAll();
- this.dataReturnEvent.unsubscribeAll();
- this.dataErrorEvent.unsubscribeAll();
- this.containerPopulateEvent.unsubscribeAll();
- this.containerExpandEvent.unsubscribeAll();
- this.typeAheadEvent.unsubscribeAll();
- this.itemMouseOverEvent.unsubscribeAll();
- this.itemMouseOutEvent.unsubscribeAll();
- this.itemArrowToEvent.unsubscribeAll();
- this.itemArrowFromEvent.unsubscribeAll();
- this.itemSelectEvent.unsubscribeAll();
- this.unmatchedItemSelectEvent.unsubscribeAll();
- this.selectionEnforceEvent.unsubscribeAll();
- this.containerCollapseEvent.unsubscribeAll();
- this.textboxBlurEvent.unsubscribeAll();
- this.textboxChangeEvent.unsubscribeAll();
-
- // Unhook DOM events
- YAHOO.util.Event.purgeElement(elInput, true);
- YAHOO.util.Event.purgeElement(elContainer, true);
-
- // Remove DOM elements
- elContainer.innerHTML = "";
-
- // Null out objects
- for(var key in this) {
- if(YAHOO.lang.hasOwnProperty(this, key)) {
- this[key] = null;
- }
- }
-
- YAHOO.log("AutoComplete instance destroyed: " + instanceName);
-};
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Public events
-//
-/////////////////////////////////////////////////////////////////////////////
-
-/**
- * Fired when the input field receives focus.
- *
- * @event textboxFocusEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.textboxFocusEvent = null;
-
-/**
- * Fired when the input field receives key input.
- *
- * @event textboxKeyEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {Number} The keycode number.
- */
-YAHOO.widget.AutoComplete.prototype.textboxKeyEvent = null;
-
-/**
- * Fired when the AutoComplete instance makes a request to the DataSource.
- *
- * @event dataRequestEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The query string.
- * @param args[2] {Object} The request.
- */
-YAHOO.widget.AutoComplete.prototype.dataRequestEvent = null;
-
-/**
- * Fired when the AutoComplete request to the DataSource is canceled.
- *
- * @event dataRequestCancelEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The query string.
- */
-YAHOO.widget.AutoComplete.prototype.dataRequestCancelEvent = null;
-
-/**
- * Fired when the AutoComplete instance receives query results from the data
- * source.
- *
- * @event dataReturnEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The query string.
- * @param args[2] {Object[]} Results array.
- */
-YAHOO.widget.AutoComplete.prototype.dataReturnEvent = null;
-
-/**
- * Fired when the AutoComplete instance does not receive query results from the
- * DataSource due to an error.
- *
- * @event dataErrorEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The query string.
- * @param args[2] {Object} The response object, if available.
- */
-YAHOO.widget.AutoComplete.prototype.dataErrorEvent = null;
-
-/**
- * Fired when the results container is populated.
- *
- * @event containerPopulateEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.containerPopulateEvent = null;
-
-/**
- * Fired when the results container is expanded.
- *
- * @event containerExpandEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.containerExpandEvent = null;
-
-/**
- * Fired when the input field has been prefilled by the type-ahead
- * feature.
- *
- * @event typeAheadEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The query string.
- * @param args[2] {String} The prefill string.
- */
-YAHOO.widget.AutoComplete.prototype.typeAheadEvent = null;
-
-/**
- * Fired when result item has been moused over.
- *
- * @event itemMouseOverEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {HTMLElement} The <li> element item moused to.
- */
-YAHOO.widget.AutoComplete.prototype.itemMouseOverEvent = null;
-
-/**
- * Fired when result item has been moused out.
- *
- * @event itemMouseOutEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {HTMLElement} The <li> element item moused from.
- */
-YAHOO.widget.AutoComplete.prototype.itemMouseOutEvent = null;
-
-/**
- * Fired when result item has been arrowed to.
- *
- * @event itemArrowToEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {HTMLElement} The <li> element item arrowed to.
- */
-YAHOO.widget.AutoComplete.prototype.itemArrowToEvent = null;
-
-/**
- * Fired when result item has been arrowed away from.
- *
- * @event itemArrowFromEvent
- * @param type {String} Name of the event.
- * @param args[0[ {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {HTMLElement} The <li> element item arrowed from.
- */
-YAHOO.widget.AutoComplete.prototype.itemArrowFromEvent = null;
-
-/**
- * Fired when an item is selected via mouse click, ENTER key, or TAB key.
- *
- * @event itemSelectEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {HTMLElement} The selected <li> element item.
- * @param args[2] {Object} The data returned for the item, either as an object,
- * or mapped from the schema into an array.
- */
-YAHOO.widget.AutoComplete.prototype.itemSelectEvent = null;
-
-/**
- * Fired when a user selection does not match any of the displayed result items.
- *
- * @event unmatchedItemSelectEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The selected string.
- */
-YAHOO.widget.AutoComplete.prototype.unmatchedItemSelectEvent = null;
-
-/**
- * Fired if forceSelection is enabled and the user's input has been cleared
- * because it did not match one of the returned query results.
- *
- * @event selectionEnforceEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @param args[1] {String} The cleared value (including delimiters if applicable).
- */
-YAHOO.widget.AutoComplete.prototype.selectionEnforceEvent = null;
-
-/**
- * Fired when the results container is collapsed.
- *
- * @event containerCollapseEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.containerCollapseEvent = null;
-
-/**
- * Fired when the input field loses focus.
- *
- * @event textboxBlurEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.textboxBlurEvent = null;
-
-/**
- * Fired when the input field value has changed when it loses focus.
- *
- * @event textboxChangeEvent
- * @param type {String} Name of the event.
- * @param args[0] {YAHOO.widget.AutoComplete} The AutoComplete instance.
- */
-YAHOO.widget.AutoComplete.prototype.textboxChangeEvent = null;
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Private member variables
-//
-/////////////////////////////////////////////////////////////////////////////
-
-/**
- * Internal class variable to index multiple AutoComplete instances.
- *
- * @property _nIndex
- * @type Number
- * @default 0
- * @private
- */
-YAHOO.widget.AutoComplete._nIndex = 0;
-
-/**
- * Name of AutoComplete instance.
- *
- * @property _sName
- * @type String
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sName = null;
-
-/**
- * Text input field DOM element.
- *
- * @property _elTextbox
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elTextbox = null;
-
-/**
- * Container DOM element.
- *
- * @property _elContainer
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elContainer = null;
-
-/**
- * Reference to content element within container element.
- *
- * @property _elContent
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elContent = null;
-
-/**
- * Reference to header element within content element.
- *
- * @property _elHeader
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elHeader = null;
-
-/**
- * Reference to body element within content element.
- *
- * @property _elBody
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elBody = null;
-
-/**
- * Reference to footer element within content element.
- *
- * @property _elFooter
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elFooter = null;
-
-/**
- * Reference to shadow element within container element.
- *
- * @property _elShadow
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elShadow = null;
-
-/**
- * Reference to iframe element within container element.
- *
- * @property _elIFrame
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elIFrame = null;
-
-/**
- * Whether or not the widget instance is currently active. If query results come back
- * but the user has already moved on, do not proceed with auto complete behavior.
- *
- * @property _bFocused
- * @type Boolean
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._bFocused = false;
-
-/**
- * Animation instance for container expand/collapse.
- *
- * @property _oAnim
- * @type Boolean
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._oAnim = null;
-
-/**
- * Whether or not the results container is currently open.
- *
- * @property _bContainerOpen
- * @type Boolean
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._bContainerOpen = false;
-
-/**
- * Whether or not the mouse is currently over the results
- * container. This is necessary in order to prevent clicks on container items
- * from being text input field blur events.
- *
- * @property _bOverContainer
- * @type Boolean
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._bOverContainer = false;
-
-/**
- * Internal reference to <ul> elements that contains query results within the
- * results container.
- *
- * @property _elList
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elList = null;
-
-/*
- * Array of <li> elements references that contain query results within the
- * results container.
- *
- * @property _aListItemEls
- * @type HTMLElement[]
- * @private
- */
-//YAHOO.widget.AutoComplete.prototype._aListItemEls = null;
-
-/**
- * Number of <li> elements currently displayed in results container.
- *
- * @property _nDisplayedItems
- * @type Number
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._nDisplayedItems = 0;
-
-/*
- * Internal count of <li> elements displayed and hidden in results container.
- *
- * @property _maxResultsDisplayed
- * @type Number
- * @private
- */
-//YAHOO.widget.AutoComplete.prototype._maxResultsDisplayed = 0;
-
-/**
- * Current query string
- *
- * @property _sCurQuery
- * @type String
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sCurQuery = null;
-
-/**
- * Selections from previous queries (for saving delimited queries).
- *
- * @property _sPastSelections
- * @type String
- * @default ""
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sPastSelections = "";
-
-/**
- * Stores initial input value used to determine if textboxChangeEvent should be fired.
- *
- * @property _sInitInputValue
- * @type String
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sInitInputValue = null;
-
-/**
- * Pointer to the currently highlighted <li> element in the container.
- *
- * @property _elCurListItem
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elCurListItem = null;
-
-/**
- * Pointer to the currently pre-highlighted <li> element in the container.
- *
- * @property _elCurPrehighlightItem
- * @type HTMLElement
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._elCurPrehighlightItem = null;
-
-/**
- * Whether or not an item has been selected since the container was populated
- * with results. Reset to false by _populateList, and set to true when item is
- * selected.
- *
- * @property _bItemSelected
- * @type Boolean
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._bItemSelected = false;
-
-/**
- * Key code of the last key pressed in textbox.
- *
- * @property _nKeyCode
- * @type Number
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._nKeyCode = null;
-
-/**
- * Delay timeout ID.
- *
- * @property _nDelayID
- * @type Number
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._nDelayID = -1;
-
-/**
- * TypeAhead delay timeout ID.
- *
- * @property _nTypeAheadDelayID
- * @type Number
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._nTypeAheadDelayID = -1;
-
-/**
- * Src to iFrame used when useIFrame = true. Supports implementations over SSL
- * as well.
- *
- * @property _iFrameSrc
- * @type String
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._iFrameSrc = "javascript:false;";
-
-/**
- * For users typing via certain IMEs, queries must be triggered by intervals,
- * since key events yet supported across all browsers for all IMEs.
- *
- * @property _queryInterval
- * @type Object
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._queryInterval = null;
-
-/**
- * Internal tracker to last known textbox value, used to determine whether or not
- * to trigger a query via interval for certain IME users.
- *
- * @event _sLastTextboxValue
- * @type String
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sLastTextboxValue = null;
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Private methods
-//
-/////////////////////////////////////////////////////////////////////////////
-
-/**
- * Updates and validates latest public config properties.
- *
- * @method __initProps
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._initProps = function() {
- // Correct any invalid values
- var minQueryLength = this.minQueryLength;
- if(!YAHOO.lang.isNumber(minQueryLength)) {
- this.minQueryLength = 1;
- }
- var maxResultsDisplayed = this.maxResultsDisplayed;
- if(!YAHOO.lang.isNumber(maxResultsDisplayed) || (maxResultsDisplayed < 1)) {
- this.maxResultsDisplayed = 10;
- }
- var queryDelay = this.queryDelay;
- if(!YAHOO.lang.isNumber(queryDelay) || (queryDelay < 0)) {
- this.queryDelay = 0.2;
- }
- var typeAheadDelay = this.typeAheadDelay;
- if(!YAHOO.lang.isNumber(typeAheadDelay) || (typeAheadDelay < 0)) {
- this.typeAheadDelay = 0.2;
- }
- var delimChar = this.delimChar;
- if(YAHOO.lang.isString(delimChar) && (delimChar.length > 0)) {
- this.delimChar = [delimChar];
- }
- else if(!YAHOO.lang.isArray(delimChar)) {
- this.delimChar = null;
- }
- var animSpeed = this.animSpeed;
- if((this.animHoriz || this.animVert) && YAHOO.util.Anim) {
- if(!YAHOO.lang.isNumber(animSpeed) || (animSpeed < 0)) {
- this.animSpeed = 0.3;
- }
- if(!this._oAnim ) {
- this._oAnim = new YAHOO.util.Anim(this._elContent, {}, this.animSpeed);
- }
- else {
- this._oAnim.duration = this.animSpeed;
- }
- }
- if(this.forceSelection && delimChar) {
- YAHOO.log("The forceSelection feature has been enabled with delimChar defined.","warn", this.toString());
- }
-};
-
-/**
- * Initializes the results container helpers if they are enabled and do
- * not exist
- *
- * @method _initContainerHelperEls
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._initContainerHelperEls = function() {
- if(this.useShadow && !this._elShadow) {
- var elShadow = document.createElement("div");
- elShadow.className = "yui-ac-shadow";
- elShadow.style.width = 0;
- elShadow.style.height = 0;
- this._elShadow = this._elContainer.appendChild(elShadow);
- }
- if(this.useIFrame && !this._elIFrame) {
- var elIFrame = document.createElement("iframe");
- elIFrame.src = this._iFrameSrc;
- elIFrame.frameBorder = 0;
- elIFrame.scrolling = "no";
- elIFrame.style.position = "absolute";
- elIFrame.style.width = 0;
- elIFrame.style.height = 0;
- elIFrame.style.padding = 0;
- elIFrame.tabIndex = -1;
- elIFrame.role = "presentation";
- elIFrame.title = "Presentational iframe shim";
- this._elIFrame = this._elContainer.appendChild(elIFrame);
- }
-};
-
-/**
- * Initializes the results container once at object creation
- *
- * @method _initContainerEl
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._initContainerEl = function() {
- YAHOO.util.Dom.addClass(this._elContainer, "yui-ac-container");
-
- if(!this._elContent) {
- // The elContent div is assigned DOM listeners and
- // helps size the iframe and shadow properly
- var elContent = document.createElement("div");
- elContent.className = "yui-ac-content";
- elContent.style.display = "none";
-
- this._elContent = this._elContainer.appendChild(elContent);
-
- var elHeader = document.createElement("div");
- elHeader.className = "yui-ac-hd";
- elHeader.style.display = "none";
- this._elHeader = this._elContent.appendChild(elHeader);
-
- var elBody = document.createElement("div");
- elBody.className = "yui-ac-bd";
- this._elBody = this._elContent.appendChild(elBody);
-
- var elFooter = document.createElement("div");
- elFooter.className = "yui-ac-ft";
- elFooter.style.display = "none";
- this._elFooter = this._elContent.appendChild(elFooter);
- }
- else {
- YAHOO.log("Could not initialize the container","warn",this.toString());
- }
-};
-
-/**
- * Clears out contents of container body and creates up to
- * YAHOO.widget.AutoComplete#maxResultsDisplayed <li> elements in an
- * <ul> element.
- *
- * @method _initListEl
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._initListEl = function() {
- var nListLength = this.maxResultsDisplayed,
- elList = this._elList || document.createElement("ul"),
- elListItem;
-
- while(elList.childNodes.length < nListLength) {
- elListItem = document.createElement("li");
- elListItem.style.display = "none";
- elListItem._nItemIndex = elList.childNodes.length;
- elList.appendChild(elListItem);
- }
- if(!this._elList) {
- var elBody = this._elBody;
- YAHOO.util.Event.purgeElement(elBody, true);
- elBody.innerHTML = "";
- this._elList = elBody.appendChild(elList);
- }
-
- this._elBody.style.display = "";
-};
-
-/**
- * Focuses input field.
- *
- * @method _focus
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._focus = function() {
- // http://developer.mozilla.org/en/docs/index.php?title=Key-navigable_custom_DHTML_widgets
- var oSelf = this;
- setTimeout(function() {
- try {
- oSelf._elTextbox.focus();
- }
- catch(e) {
- }
- },0);
-};
-
-/**
- * Enables interval detection for IME support.
- *
- * @method _enableIntervalDetection
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._enableIntervalDetection = function() {
- var oSelf = this;
- if(!oSelf._queryInterval && oSelf.queryInterval) {
- oSelf._queryInterval = setInterval(function() { oSelf._onInterval(); }, oSelf.queryInterval);
- YAHOO.log("Interval set", "info", this.toString());
- }
-};
-
-/**
- * Enables interval detection for a less performant but brute force mechanism to
- * detect input values at an interval set by queryInterval and send queries if
- * input value has changed. Needed to support right-click+paste or shift+insert
- * edge cases. Please note that intervals are cleared at the end of each interaction,
- * so enableIntervalDetection must be called for each new interaction. The
- * recommended approach is to call it in response to textboxFocusEvent.
- *
- * @method enableIntervalDetection
- */
-YAHOO.widget.AutoComplete.prototype.enableIntervalDetection =
- YAHOO.widget.AutoComplete.prototype._enableIntervalDetection;
-
-/**
- * Enables query triggers based on text input detection by intervals (rather
- * than by key events).
- *
- * @method _onInterval
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onInterval = function() {
- var currValue = this._elTextbox.value;
- var lastValue = this._sLastTextboxValue;
- if(currValue != lastValue) {
- this._sLastTextboxValue = currValue;
- this._sendQuery(currValue);
- }
-};
-
-/**
- * Cancels text input detection by intervals.
- *
- * @method _clearInterval
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._clearInterval = function() {
- if(this._queryInterval) {
- clearInterval(this._queryInterval);
- this._queryInterval = null;
- YAHOO.log("Interval cleared", "info", this.toString());
- }
-};
-
-/**
- * Whether or not key is functional or should be ignored. Note that the right
- * arrow key is NOT an ignored key since it triggers queries for certain intl
- * charsets.
- *
- * @method _isIgnoreKey
- * @param nKeycode {Number} Code of key pressed.
- * @return {Boolean} True if key should be ignored, false otherwise.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._isIgnoreKey = function(nKeyCode) {
- if((nKeyCode == 9) || (nKeyCode == 13) || // tab, enter
- (nKeyCode == 16) || (nKeyCode == 17) || // shift, ctl
- (nKeyCode >= 18 && nKeyCode <= 20) || // alt, pause/break,caps lock
- (nKeyCode == 27) || // esc
- (nKeyCode >= 33 && nKeyCode <= 35) || // page up,page down,end
- /*(nKeyCode >= 36 && nKeyCode <= 38) || // home,left,up
- (nKeyCode == 40) || // down*/
- (nKeyCode >= 36 && nKeyCode <= 40) || // home,left,up, right, down
- (nKeyCode >= 44 && nKeyCode <= 45) || // print screen,insert
- (nKeyCode == 229) // Bug 2041973: Korean XP fires 2 keyup events, the key and 229
- ) {
- return true;
- }
- return false;
-};
-
-/**
- * Makes query request to the DataSource.
- *
- * @method _sendQuery
- * @param sQuery {String} Query string.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._sendQuery = function(sQuery) {
- // Widget has been effectively turned off
- if(this.minQueryLength < 0) {
- this._toggleContainer(false);
- YAHOO.log("Property minQueryLength is less than 0", "info", this.toString());
- return;
- }
- // Delimiter has been enabled
- if(this.delimChar) {
- var extraction = this._extractQuery(sQuery);
- // Here is the query itself
- sQuery = extraction.query;
- // ...and save the rest of the string for later
- this._sPastSelections = extraction.previous;
- }
-
- // Don't search queries that are too short
- if((sQuery && (sQuery.length < this.minQueryLength)) || (!sQuery && this.minQueryLength > 0)) {
- if(this._nDelayID != -1) {
- clearTimeout(this._nDelayID);
- }
- this._toggleContainer(false);
- YAHOO.log("Query \"" + sQuery + "\" is too short", "info", this.toString());
- return;
- }
-
- sQuery = encodeURIComponent(sQuery);
- this._nDelayID = -1; // Reset timeout ID because request is being made
-
- // Subset matching
- if(this.dataSource.queryMatchSubset || this.queryMatchSubset) { // backward compat
- var oResponse = this.getSubsetMatches(sQuery);
- if(oResponse) {
- this.handleResponse(sQuery, oResponse, {query: sQuery});
- return;
- }
- }
-
- if(this.dataSource.responseStripAfter) {
- this.dataSource.doBeforeParseData = this.preparseRawResponse;
- }
- if(this.applyLocalFilter) {
- this.dataSource.doBeforeCallback = this.filterResults;
- }
-
- var sRequest = this.generateRequest(sQuery);
-
- if(sRequest !== undefined) {
- this.dataRequestEvent.fire(this, sQuery, sRequest);
- YAHOO.log("Sending query \"" + sRequest + "\"", "info", this.toString());
-
- this.dataSource.sendRequest(sRequest, {
- success : this.handleResponse,
- failure : this.handleResponse,
- scope : this,
- argument: {
- query: sQuery
- }
- });
- }
- else {
- this.dataRequestCancelEvent.fire(this, sQuery);
- YAHOO.log("Canceled query \"" + sQuery + "\"", "info", this.toString());
- }
-};
-
-/**
- * Populates the given <li> element with return value from formatResult().
- *
- * @method _populateListItem
- * @param elListItem {HTMLElement} The LI element.
- * @param oResult {Object} The result object.
- * @param sCurQuery {String} The query string.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._populateListItem = function(elListItem, oResult, sQuery) {
- elListItem.innerHTML = this.formatResult(oResult, sQuery, elListItem._sResultMatch);
-};
-
-/**
- * Populates the array of <li> elements in the container with query
- * results.
- *
- * @method _populateList
- * @param sQuery {String} Original request.
- * @param oResponse {Object} Response object.
- * @param oPayload {MIXED} (optional) Additional argument(s)
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._populateList = function(sQuery, oResponse, oPayload) {
- // Clear previous timeout
- if(this._nTypeAheadDelayID != -1) {
- clearTimeout(this._nTypeAheadDelayID);
- }
-
- sQuery = (oPayload && oPayload.query) ? oPayload.query : sQuery;
-
- // Pass data through abstract method for any transformations
- var ok = this.doBeforeLoadData(sQuery, oResponse, oPayload);
-
- // Data is ok
- if(ok && !oResponse.error) {
- this.dataReturnEvent.fire(this, sQuery, oResponse.results);
-
- // Continue only if instance is still active (i.e., user hasn't already moved on)
- if(this._bFocused) {
- // Store state for this interaction
- var sCurQuery = decodeURIComponent(sQuery);
- this._sCurQuery = sCurQuery;
- this._bItemSelected = false;
-
- var allResults = oResponse.results,
- nItemsToShow = Math.min(allResults.length,this.maxResultsDisplayed),
- sMatchKey = (this.dataSource.responseSchema.fields) ?
- (this.dataSource.responseSchema.fields[0].key || this.dataSource.responseSchema.fields[0]) : 0;
-
- if(nItemsToShow > 0) {
- // Make sure container and helpers are ready to go
- if(!this._elList || (this._elList.childNodes.length < nItemsToShow)) {
- this._initListEl();
- }
- this._initContainerHelperEls();
-
- var allListItemEls = this._elList.childNodes;
- // Fill items with data from the bottom up
- for(var i = nItemsToShow-1; i >= 0; i--) {
- var elListItem = allListItemEls[i],
- oResult = allResults[i];
-
- // Backward compatibility
- if(this.resultTypeList) {
- // Results need to be converted back to an array
- var aResult = [];
- // Match key is first
- aResult[0] = (YAHOO.lang.isString(oResult)) ? oResult : oResult[sMatchKey] || oResult[this.key];
- // Add additional data to the result array
- var fields = this.dataSource.responseSchema.fields;
- if(YAHOO.lang.isArray(fields) && (fields.length > 1)) {
- for(var k=1, len=fields.length; k= nItemsToShow; j--) {
- extraListItem = allListItemEls[j];
- extraListItem.style.display = "none";
- }
- }
-
- this._nDisplayedItems = nItemsToShow;
-
- this.containerPopulateEvent.fire(this, sQuery, allResults);
-
- // Highlight the first item
- if(this.autoHighlight) {
- var elFirstListItem = this._elList.firstChild;
- this._toggleHighlight(elFirstListItem,"to");
- this.itemArrowToEvent.fire(this, elFirstListItem);
- YAHOO.log("Arrowed to first item", "info", this.toString());
- this._typeAhead(elFirstListItem,sQuery);
- }
- // Unhighlight any previous time
- else {
- this._toggleHighlight(this._elCurListItem,"from");
- }
-
- // Pre-expansion stuff
- ok = this._doBeforeExpandContainer(this._elTextbox, this._elContainer, sQuery, allResults);
-
- // Expand the container
- this._toggleContainer(ok);
- }
- else {
- this._toggleContainer(false);
- }
-
- YAHOO.log("Container populated with " + nItemsToShow + " list items", "info", this.toString());
- return;
- }
- }
- // Error
- else {
- this.dataErrorEvent.fire(this, sQuery, oResponse);
- }
-
- YAHOO.log("Could not populate list", "info", this.toString());
-};
-
-/**
- * Called before container expands, by default snaps container to the
- * bottom-left corner of the input element, then calls public overrideable method.
- *
- * @method _doBeforeExpandContainer
- * @param elTextbox {HTMLElement} The text input box.
- * @param elContainer {HTMLElement} The container element.
- * @param sQuery {String} The query string.
- * @param aResults {Object[]} An array of query results.
- * @return {Boolean} Return true to continue expanding container, false to cancel the expand.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._doBeforeExpandContainer = function(elTextbox, elContainer, sQuery, aResults) {
- if(this.autoSnapContainer) {
- this.snapContainer();
- }
-
- return this.doBeforeExpandContainer(elTextbox, elContainer, sQuery, aResults);
-};
-
-/**
- * When forceSelection is true and the user attempts
- * leave the text input box without selecting an item from the query results,
- * the user selection is cleared.
- *
- * @method _clearSelection
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._clearSelection = function() {
- var extraction = (this.delimChar) ? this._extractQuery(this._elTextbox.value) :
- {previous:"",query:this._elTextbox.value};
- this._elTextbox.value = extraction.previous;
- this.selectionEnforceEvent.fire(this, extraction.query);
- YAHOO.log("Selection enforced", "info", this.toString());
-};
-
-/**
- * Whether or not user-typed value in the text input box matches any of the
- * query results.
- *
- * @method _textMatchesOption
- * @return {HTMLElement} Matching list item element if user-input text matches
- * a result, null otherwise.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._textMatchesOption = function() {
- var elMatch = null;
-
- for(var i=0; i= 0; i--) {
- nNewIndex = sQuery.lastIndexOf(aDelimChar[i]);
- if(nNewIndex > nDelimIndex) {
- nDelimIndex = nNewIndex;
- }
- }
- // If we think the last delimiter is a space (" "), make sure it is NOT
- // a false positive by also checking the char directly before it
- if(aDelimChar[i] == " ") {
- for (var j = aDelimChar.length-1; j >= 0; j--) {
- if(sQuery[nDelimIndex - 1] == aDelimChar[j]) {
- nDelimIndex--;
- break;
- }
- }
- }
- // A delimiter has been found in the query so extract the latest query from past selections
- if(nDelimIndex > -1) {
- nQueryStart = nDelimIndex + 1;
- // Trim any white space from the beginning...
- while(sQuery.charAt(nQueryStart) == " ") {
- nQueryStart += 1;
- }
- // ...and save the rest of the string for later
- sPrevious = sQuery.substring(0,nQueryStart);
- // Here is the query itself
- sQuery = sQuery.substr(nQueryStart);
- }
- // No delimiter found in the query, so there are no selections from past queries
- else {
- sPrevious = "";
- }
-
- return {
- previous: sPrevious,
- query: sQuery
- };
-};
-
-/**
- * Syncs results container with its helpers.
- *
- * @method _toggleContainerHelpers
- * @param bShow {Boolean} True if container is expanded, false if collapsed
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._toggleContainerHelpers = function(bShow) {
- var width = this._elContent.offsetWidth + "px";
- var height = this._elContent.offsetHeight + "px";
-
- if(this.useIFrame && this._elIFrame) {
- var elIFrame = this._elIFrame;
- if(bShow) {
- elIFrame.style.width = width;
- elIFrame.style.height = height;
- elIFrame.style.padding = "";
- YAHOO.log("Iframe expanded", "info", this.toString());
- }
- else {
- elIFrame.style.width = 0;
- elIFrame.style.height = 0;
- elIFrame.style.padding = 0;
- YAHOO.log("Iframe collapsed", "info", this.toString());
- }
- }
- if(this.useShadow && this._elShadow) {
- var elShadow = this._elShadow;
- if(bShow) {
- elShadow.style.width = width;
- elShadow.style.height = height;
- YAHOO.log("Shadow expanded", "info", this.toString());
- }
- else {
- elShadow.style.width = 0;
- elShadow.style.height = 0;
- YAHOO.log("Shadow collapsed", "info", this.toString());
- }
- }
-};
-
-/**
- * Animates expansion or collapse of the container.
- *
- * @method _toggleContainer
- * @param bShow {Boolean} True if container should be expanded, false if container should be collapsed
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._toggleContainer = function(bShow) {
- YAHOO.log("Toggling container " + ((bShow) ? "open" : "closed"), "info", this.toString());
-
- var elContainer = this._elContainer;
-
- // If implementer has container always open and it's already open, don't mess with it
- // Container is initialized with display "none" so it may need to be shown first time through
- if(this.alwaysShowContainer && this._bContainerOpen) {
- return;
- }
-
- // Reset states
- if(!bShow) {
- this._toggleHighlight(this._elCurListItem,"from");
- this._nDisplayedItems = 0;
- this._sCurQuery = null;
-
- // Container is already closed, so don't bother with changing the UI
- if(this._elContent.style.display == "none") {
- return;
- }
- }
-
- // If animation is enabled...
- var oAnim = this._oAnim;
- if(oAnim && oAnim.getEl() && (this.animHoriz || this.animVert)) {
- if(oAnim.isAnimated()) {
- oAnim.stop(true);
- }
-
- // Clone container to grab current size offscreen
- var oClone = this._elContent.cloneNode(true);
- elContainer.appendChild(oClone);
- oClone.style.top = "-9000px";
- oClone.style.width = "";
- oClone.style.height = "";
- oClone.style.display = "";
-
- // Current size of the container is the EXPANDED size
- var wExp = oClone.offsetWidth;
- var hExp = oClone.offsetHeight;
-
- // Calculate COLLAPSED sizes based on horiz and vert anim
- var wColl = (this.animHoriz) ? 0 : wExp;
- var hColl = (this.animVert) ? 0 : hExp;
-
- // Set animation sizes
- oAnim.attributes = (bShow) ?
- {width: { to: wExp }, height: { to: hExp }} :
- {width: { to: wColl}, height: { to: hColl }};
-
- // If opening anew, set to a collapsed size...
- if(bShow && !this._bContainerOpen) {
- this._elContent.style.width = wColl+"px";
- this._elContent.style.height = hColl+"px";
- }
- // Else, set it to its last known size.
- else {
- this._elContent.style.width = wExp+"px";
- this._elContent.style.height = hExp+"px";
- }
-
- elContainer.removeChild(oClone);
- oClone = null;
-
- var oSelf = this;
- var onAnimComplete = function() {
- // Finish the collapse
- oAnim.onComplete.unsubscribeAll();
-
- if(bShow) {
- oSelf._toggleContainerHelpers(true);
- oSelf._bContainerOpen = bShow;
- oSelf.containerExpandEvent.fire(oSelf);
- YAHOO.log("Container expanded", "info", oSelf.toString());
- }
- else {
- oSelf._elContent.style.display = "none";
- oSelf._bContainerOpen = bShow;
- oSelf.containerCollapseEvent.fire(oSelf);
- YAHOO.log("Container collapsed", "info", oSelf.toString());
- }
- };
-
- // Display container and animate it
- this._toggleContainerHelpers(false); // Bug 1424486: Be early to hide, late to show;
- this._elContent.style.display = "";
- oAnim.onComplete.subscribe(onAnimComplete);
- oAnim.animate();
- }
- // Else don't animate, just show or hide
- else {
- if(bShow) {
- this._elContent.style.display = "";
- this._toggleContainerHelpers(true);
- this._bContainerOpen = bShow;
- this.containerExpandEvent.fire(this);
- YAHOO.log("Container expanded", "info", this.toString());
- }
- else {
- this._toggleContainerHelpers(false);
- this._elContent.style.display = "none";
- this._bContainerOpen = bShow;
- this.containerCollapseEvent.fire(this);
- YAHOO.log("Container collapsed", "info", this.toString());
- }
- }
-
-};
-
-/**
- * Toggles the highlight on or off for an item in the container, and also cleans
- * up highlighting of any previous item.
- *
- * @method _toggleHighlight
- * @param elNewListItem {HTMLElement} The <li> element item to receive highlight behavior.
- * @param sType {String} Type "mouseover" will toggle highlight on, and "mouseout" will toggle highlight off.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._toggleHighlight = function(elNewListItem, sType) {
- if(elNewListItem) {
- var sHighlight = this.highlightClassName;
- if(this._elCurListItem) {
- // Remove highlight from old item
- YAHOO.util.Dom.removeClass(this._elCurListItem, sHighlight);
- this._elCurListItem = null;
- }
-
- if((sType == "to") && sHighlight) {
- // Apply highlight to new item
- YAHOO.util.Dom.addClass(elNewListItem, sHighlight);
- this._elCurListItem = elNewListItem;
- }
- }
-};
-
-/**
- * Toggles the pre-highlight on or off for an item in the container, and also cleans
- * up pre-highlighting of any previous item.
- *
- * @method _togglePrehighlight
- * @param elNewListItem {HTMLElement} The <li> element item to receive highlight behavior.
- * @param sType {String} Type "mouseover" will toggle highlight on, and "mouseout" will toggle highlight off.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._togglePrehighlight = function(elNewListItem, sType) {
- var sPrehighlight = this.prehighlightClassName;
-
- if(this._elCurPrehighlightItem) {
- YAHOO.util.Dom.removeClass(this._elCurPrehighlightItem, sPrehighlight);
- }
- if(elNewListItem == this._elCurListItem) {
- return;
- }
-
- if((sType == "mouseover") && sPrehighlight) {
- // Apply prehighlight to new item
- YAHOO.util.Dom.addClass(elNewListItem, sPrehighlight);
- this._elCurPrehighlightItem = elNewListItem;
- }
- else {
- // Remove prehighlight from old item
- YAHOO.util.Dom.removeClass(elNewListItem, sPrehighlight);
- }
-};
-
-/**
- * Updates the text input box value with selected query result. If a delimiter
- * has been defined, then the value gets appended with the delimiter.
- *
- * @method _updateValue
- * @param elListItem {HTMLElement} The <li> element item with which to update the value.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._updateValue = function(elListItem) {
- if(!this.suppressInputUpdate) {
- var elTextbox = this._elTextbox;
- var sDelimChar = (this.delimChar) ? (this.delimChar[0] || this.delimChar) : null;
- var sResultMatch = elListItem._sResultMatch;
-
- // Calculate the new value
- var sNewValue = "";
- if(sDelimChar) {
- // Preserve selections from past queries
- sNewValue = this._sPastSelections;
- // Add new selection plus delimiter
- sNewValue += sResultMatch + sDelimChar;
- if(sDelimChar != " ") {
- sNewValue += " ";
- }
- }
- else {
- sNewValue = sResultMatch;
- }
-
- // Update input field
- elTextbox.value = sNewValue;
-
- // Scroll to bottom of textarea if necessary
- if(elTextbox.type == "textarea") {
- elTextbox.scrollTop = elTextbox.scrollHeight;
- }
-
- // Move cursor to end
- var end = elTextbox.value.length;
- this._selectText(elTextbox,end,end);
-
- this._elCurListItem = elListItem;
- }
-};
-
-/**
- * Selects a result item from the container
- *
- * @method _selectItem
- * @param elListItem {HTMLElement} The selected <li> element item.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._selectItem = function(elListItem) {
- this._bItemSelected = true;
- this._updateValue(elListItem);
- this._sPastSelections = this._elTextbox.value;
- this._clearInterval();
- this.itemSelectEvent.fire(this, elListItem, elListItem._oResultData);
- YAHOO.log("Item selected: " + YAHOO.lang.dump(elListItem._oResultData), "info", this.toString());
- this._toggleContainer(false);
-};
-
-/**
- * If an item is highlighted in the container, the right arrow key jumps to the
- * end of the textbox and selects the highlighted item, otherwise the container
- * is closed.
- *
- * @method _jumpSelection
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._jumpSelection = function() {
- if(this._elCurListItem) {
- this._selectItem(this._elCurListItem);
- }
- else {
- this._toggleContainer(false);
- }
-};
-
-/**
- * Triggered by up and down arrow keys, changes the current highlighted
- * <li> element item. Scrolls container if necessary.
- *
- * @method _moveSelection
- * @param nKeyCode {Number} Code of key pressed.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._moveSelection = function(nKeyCode) {
- if(this._bContainerOpen) {
- // Determine current item's id number
- var elCurListItem = this._elCurListItem,
- nCurItemIndex = -1;
-
- if(elCurListItem) {
- nCurItemIndex = elCurListItem._nItemIndex;
- }
-
- var nNewItemIndex = (nKeyCode == 40) ?
- (nCurItemIndex + 1) : (nCurItemIndex - 1);
-
- // Out of bounds
- if(nNewItemIndex < -2 || nNewItemIndex >= this._nDisplayedItems) {
- return;
- }
-
- if(elCurListItem) {
- // Unhighlight current item
- this._toggleHighlight(elCurListItem, "from");
- this.itemArrowFromEvent.fire(this, elCurListItem);
- YAHOO.log("Item arrowed from: " + elCurListItem._nItemIndex, "info", this.toString());
- }
- if(nNewItemIndex == -1) {
- // Go back to query (remove type-ahead string)
- if(this.delimChar) {
- this._elTextbox.value = this._sPastSelections + this._sCurQuery;
- }
- else {
- this._elTextbox.value = this._sCurQuery;
- }
- return;
- }
- if(nNewItemIndex == -2) {
- // Close container
- this._toggleContainer(false);
- return;
- }
-
- var elNewListItem = this._elList.childNodes[nNewItemIndex],
-
- // Scroll the container if necessary
- elContent = this._elContent,
- sOF = YAHOO.util.Dom.getStyle(elContent,"overflow"),
- sOFY = YAHOO.util.Dom.getStyle(elContent,"overflowY"),
- scrollOn = ((sOF == "auto") || (sOF == "scroll") || (sOFY == "auto") || (sOFY == "scroll"));
- if(scrollOn && (nNewItemIndex > -1) &&
- (nNewItemIndex < this._nDisplayedItems)) {
- // User is keying down
- if(nKeyCode == 40) {
- // Bottom of selected item is below scroll area...
- if((elNewListItem.offsetTop+elNewListItem.offsetHeight) > (elContent.scrollTop + elContent.offsetHeight)) {
- // Set bottom of scroll area to bottom of selected item
- elContent.scrollTop = (elNewListItem.offsetTop+elNewListItem.offsetHeight) - elContent.offsetHeight;
- }
- // Bottom of selected item is above scroll area...
- else if((elNewListItem.offsetTop+elNewListItem.offsetHeight) < elContent.scrollTop) {
- // Set top of selected item to top of scroll area
- elContent.scrollTop = elNewListItem.offsetTop;
-
- }
- }
- // User is keying up
- else {
- // Top of selected item is above scroll area
- if(elNewListItem.offsetTop < elContent.scrollTop) {
- // Set top of scroll area to top of selected item
- this._elContent.scrollTop = elNewListItem.offsetTop;
- }
- // Top of selected item is below scroll area
- else if(elNewListItem.offsetTop > (elContent.scrollTop + elContent.offsetHeight)) {
- // Set bottom of selected item to bottom of scroll area
- this._elContent.scrollTop = (elNewListItem.offsetTop+elNewListItem.offsetHeight) - elContent.offsetHeight;
- }
- }
- }
-
- this._toggleHighlight(elNewListItem, "to");
- this.itemArrowToEvent.fire(this, elNewListItem);
- YAHOO.log("Item arrowed to " + elNewListItem._nItemIndex, "info", this.toString());
- if(this.typeAhead) {
- this._updateValue(elNewListItem);
- // Bug 2528552: Store as a selection
- this._sCurQuery = elNewListItem._sResultMatch;
- }
- }
-};
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Private event handlers
-//
-/////////////////////////////////////////////////////////////////////////////
-
-/**
- * Handles container mouseover events.
- *
- * @method _onContainerMouseover
- * @param v {HTMLEvent} The mouseover event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onContainerMouseover = function(v,oSelf) {
- var elTarget = YAHOO.util.Event.getTarget(v);
- var elTag = elTarget.nodeName.toLowerCase();
- while(elTarget && (elTag != "table")) {
- switch(elTag) {
- case "body":
- return;
- case "li":
- if(oSelf.prehighlightClassName) {
- oSelf._togglePrehighlight(elTarget,"mouseover");
- }
- else {
- oSelf._toggleHighlight(elTarget,"to");
- }
-
- oSelf.itemMouseOverEvent.fire(oSelf, elTarget);
- YAHOO.log("Item moused over " + elTarget._nItemIndex, "info", oSelf.toString());
- break;
- case "div":
- if(YAHOO.util.Dom.hasClass(elTarget,"yui-ac-container")) {
- oSelf._bOverContainer = true;
- return;
- }
- break;
- default:
- break;
- }
-
- elTarget = elTarget.parentNode;
- if(elTarget) {
- elTag = elTarget.nodeName.toLowerCase();
- }
- }
-};
-
-/**
- * Handles container mouseout events.
- *
- * @method _onContainerMouseout
- * @param v {HTMLEvent} The mouseout event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onContainerMouseout = function(v,oSelf) {
- var elTarget = YAHOO.util.Event.getTarget(v);
- var elTag = elTarget.nodeName.toLowerCase();
- while(elTarget && (elTag != "table")) {
- switch(elTag) {
- case "body":
- return;
- case "li":
- if(oSelf.prehighlightClassName) {
- oSelf._togglePrehighlight(elTarget,"mouseout");
- }
- else {
- oSelf._toggleHighlight(elTarget,"from");
- }
-
- oSelf.itemMouseOutEvent.fire(oSelf, elTarget);
- YAHOO.log("Item moused out " + elTarget._nItemIndex, "info", oSelf.toString());
- break;
- case "ul":
- oSelf._toggleHighlight(oSelf._elCurListItem,"to");
- break;
- case "div":
- if(YAHOO.util.Dom.hasClass(elTarget,"yui-ac-container")) {
- oSelf._bOverContainer = false;
- return;
- }
- break;
- default:
- break;
- }
-
- elTarget = elTarget.parentNode;
- if(elTarget) {
- elTag = elTarget.nodeName.toLowerCase();
- }
- }
-};
-
-/**
- * Handles container click events.
- *
- * @method _onContainerClick
- * @param v {HTMLEvent} The click event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onContainerClick = function(v,oSelf) {
- var elTarget = YAHOO.util.Event.getTarget(v);
- var elTag = elTarget.nodeName.toLowerCase();
- while(elTarget && (elTag != "table")) {
- switch(elTag) {
- case "body":
- return;
- case "li":
- // In case item has not been moused over
- oSelf._toggleHighlight(elTarget,"to");
- oSelf._selectItem(elTarget);
- return;
- default:
- break;
- }
-
- elTarget = elTarget.parentNode;
- if(elTarget) {
- elTag = elTarget.nodeName.toLowerCase();
- }
- }
-};
-
-
-/**
- * Handles container scroll events.
- *
- * @method _onContainerScroll
- * @param v {HTMLEvent} The scroll event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onContainerScroll = function(v,oSelf) {
- oSelf._focus();
-};
-
-/**
- * Handles container resize events.
- *
- * @method _onContainerResize
- * @param v {HTMLEvent} The resize event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onContainerResize = function(v,oSelf) {
- oSelf._toggleContainerHelpers(oSelf._bContainerOpen);
-};
-
-
-/**
- * Handles textbox keydown events of functional keys, mainly for UI behavior.
- *
- * @method _onTextboxKeyDown
- * @param v {HTMLEvent} The keydown event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onTextboxKeyDown = function(v,oSelf) {
- var nKeyCode = v.keyCode;
-
- // Clear timeout
- if(oSelf._nTypeAheadDelayID != -1) {
- clearTimeout(oSelf._nTypeAheadDelayID);
- }
-
- switch (nKeyCode) {
- case 9: // tab
- if(!YAHOO.env.ua.opera && (navigator.userAgent.toLowerCase().indexOf("mac") == -1) || (YAHOO.env.ua.webkit>420)) {
- // select an item or clear out
- if(oSelf._elCurListItem) {
- if(oSelf.delimChar && (oSelf._nKeyCode != nKeyCode)) {
- if(oSelf._bContainerOpen) {
- YAHOO.util.Event.stopEvent(v);
- }
- }
- oSelf._selectItem(oSelf._elCurListItem);
- }
- else {
- oSelf._toggleContainer(false);
- }
- }
- break;
- case 13: // enter
- if(!YAHOO.env.ua.opera && (navigator.userAgent.toLowerCase().indexOf("mac") == -1) || (YAHOO.env.ua.webkit>420)) {
- if(oSelf._elCurListItem) {
- if(oSelf._nKeyCode != nKeyCode) {
- if(oSelf._bContainerOpen) {
- YAHOO.util.Event.stopEvent(v);
- }
- }
- oSelf._selectItem(oSelf._elCurListItem);
- }
- else {
- oSelf._toggleContainer(false);
- }
- }
- break;
- case 27: // esc
- oSelf._toggleContainer(false);
- return;
- case 39: // right
- oSelf._jumpSelection();
- break;
- case 38: // up
- if(oSelf._bContainerOpen) {
- YAHOO.util.Event.stopEvent(v);
- oSelf._moveSelection(nKeyCode);
- }
- break;
- case 40: // down
- if(oSelf._bContainerOpen) {
- YAHOO.util.Event.stopEvent(v);
- oSelf._moveSelection(nKeyCode);
- }
- break;
- default:
- oSelf._bItemSelected = false;
- oSelf._toggleHighlight(oSelf._elCurListItem, "from");
-
- oSelf.textboxKeyEvent.fire(oSelf, nKeyCode);
- YAHOO.log("Textbox keyed", "info", oSelf.toString());
- break;
- }
-
- if(nKeyCode === 18){
- oSelf._enableIntervalDetection();
- }
- oSelf._nKeyCode = nKeyCode;
-};
-
-/**
- * Handles textbox keypress events.
- * @method _onTextboxKeyPress
- * @param v {HTMLEvent} The keypress event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onTextboxKeyPress = function(v,oSelf) {
- var nKeyCode = v.keyCode;
-
- // Expose only to non SF3 (bug 1978549) Mac browsers (bug 790337) and Opera browsers (bug 583531),
- // where stopEvent is ineffective on keydown events
- if(YAHOO.env.ua.opera || (navigator.userAgent.toLowerCase().indexOf("mac") != -1) && (YAHOO.env.ua.webkit < 420)) {
- switch (nKeyCode) {
- case 9: // tab
- // select an item or clear out
- if(oSelf._bContainerOpen) {
- if(oSelf.delimChar) {
- YAHOO.util.Event.stopEvent(v);
- }
- if(oSelf._elCurListItem) {
- oSelf._selectItem(oSelf._elCurListItem);
- }
- else {
- oSelf._toggleContainer(false);
- }
- }
- break;
- case 13: // enter
- if(oSelf._bContainerOpen) {
- YAHOO.util.Event.stopEvent(v);
- if(oSelf._elCurListItem) {
- oSelf._selectItem(oSelf._elCurListItem);
- }
- else {
- oSelf._toggleContainer(false);
- }
- }
- break;
- default:
- break;
- }
- }
-
- //TODO: (?) limit only to non-IE, non-Mac-FF for Korean IME support (bug 811948)
- // Korean IME detected
- else if(nKeyCode == 229) {
- oSelf._enableIntervalDetection();
- }
-};
-
-/**
- * Handles textbox keyup events to trigger queries.
- *
- * @method _onTextboxKeyUp
- * @param v {HTMLEvent} The keyup event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onTextboxKeyUp = function(v,oSelf) {
- var sText = this.value; //string in textbox
-
- // Check to see if any of the public properties have been updated
- oSelf._initProps();
-
- // Filter out chars that don't trigger queries
- var nKeyCode = v.keyCode;
- if(oSelf._isIgnoreKey(nKeyCode)) {
- return;
- }
-
- // Clear previous timeout
- if(oSelf._nDelayID != -1) {
- clearTimeout(oSelf._nDelayID);
- }
-
- // Set new timeout
- oSelf._nDelayID = setTimeout(function(){
- oSelf._sendQuery(sText);
- },(oSelf.queryDelay * 1000));
-};
-
-/**
- * Handles text input box receiving focus.
- *
- * @method _onTextboxFocus
- * @param v {HTMLEvent} The focus event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onTextboxFocus = function (v,oSelf) {
- // Start of a new interaction
- if(!oSelf._bFocused) {
- oSelf._elTextbox.setAttribute("autocomplete","off");
- oSelf._bFocused = true;
- oSelf._sInitInputValue = oSelf._elTextbox.value;
- oSelf.textboxFocusEvent.fire(oSelf);
- YAHOO.log("Textbox focused", "info", oSelf.toString());
- }
-};
-
-/**
- * Handles text input box losing focus.
- *
- * @method _onTextboxBlur
- * @param v {HTMLEvent} The focus event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onTextboxBlur = function (v,oSelf) {
- // Is a true blur
- if(!oSelf._bOverContainer || (oSelf._nKeyCode == 9)) {
- // Current query needs to be validated as a selection
- if(!oSelf._bItemSelected) {
- var elMatchListItem = oSelf._textMatchesOption();
- // Container is closed or current query doesn't match any result
- if(!oSelf._bContainerOpen || (oSelf._bContainerOpen && (elMatchListItem === null))) {
- // Force selection is enabled so clear the current query
- if(oSelf.forceSelection) {
- oSelf._clearSelection();
- }
- // Treat current query as a valid selection
- else {
- oSelf.unmatchedItemSelectEvent.fire(oSelf, oSelf._sCurQuery);
- YAHOO.log("Unmatched item selected: " + oSelf._sCurQuery, "info", oSelf.toString());
- }
- }
- // Container is open and current query matches a result
- else {
- // Force a selection when textbox is blurred with a match
- if(oSelf.forceSelection) {
- oSelf._selectItem(elMatchListItem);
- }
- }
- }
-
- oSelf._clearInterval();
- oSelf._bFocused = false;
- if(oSelf._sInitInputValue !== oSelf._elTextbox.value) {
- oSelf.textboxChangeEvent.fire(oSelf);
- }
- oSelf.textboxBlurEvent.fire(oSelf);
- YAHOO.log("Textbox blurred", "info", oSelf.toString());
-
- oSelf._toggleContainer(false);
- }
- // Not a true blur if it was a selection via mouse click
- else {
- oSelf._focus();
- }
-};
-
-/**
- * Handles window unload event.
- *
- * @method _onWindowUnload
- * @param v {HTMLEvent} The unload event.
- * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.
- * @private
- */
-YAHOO.widget.AutoComplete.prototype._onWindowUnload = function(v,oSelf) {
- if(oSelf && oSelf._elTextbox && oSelf.allowBrowserAutocomplete) {
- oSelf._elTextbox.setAttribute("autocomplete","on");
- }
-};
-
-/////////////////////////////////////////////////////////////////////////////
-//
-// Deprecated for Backwards Compatibility
-//
-/////////////////////////////////////////////////////////////////////////////
-/**
- * @method doBeforeSendQuery
- * @deprecated Use generateRequest.
- */
-YAHOO.widget.AutoComplete.prototype.doBeforeSendQuery = function(sQuery) {
- return this.generateRequest(sQuery);
-};
-
-/**
- * @method getListItems
- * @deprecated Use getListEl().childNodes.
- */
-YAHOO.widget.AutoComplete.prototype.getListItems = function() {
- var allListItemEls = [],
- els = this._elList.childNodes;
- for(var i=els.length-1; i>=0; i--) {
- allListItemEls[i] = els[i];
- }
- return allListItemEls;
-};
-
-/////////////////////////////////////////////////////////////////////////
-//
-// Private static methods
-//
-/////////////////////////////////////////////////////////////////////////
-
-/**
- * Clones object literal or array of object literals.
- *
- * @method AutoComplete._cloneObject
- * @param o {Object} Object.
- * @private
- * @static
- */
-YAHOO.widget.AutoComplete._cloneObject = function(o) {
- if(!YAHOO.lang.isValue(o)) {
- return o;
- }
-
- var copy = {};
-
- if(YAHOO.lang.isFunction(o)) {
- copy = o;
- }
- else if(YAHOO.lang.isArray(o)) {
- var array = [];
- for(var i=0,len=o.length;i-1;a--){b[a].style.display="none";}};YAHOO.widget.AutoComplete.prototype.getSubsetMatches=function(e){var d,c,a;for(var b=e.length;b>=this.minQueryLength;b--){a=this.generateRequest(e.substr(0,b));this.dataRequestEvent.fire(this,d,a);c=this.dataSource.getCachedResponse(a);if(c){return this.filterResults.apply(this.dataSource,[e,c,c,{scope:this}]);}}return null;};YAHOO.widget.AutoComplete.prototype.preparseRawResponse=function(c,b,a){var d=((this.responseStripAfter!=="")&&(b.indexOf))?b.indexOf(this.responseStripAfter):-1;if(d!=-1){b=b.substring(0,d);}return b;};YAHOO.widget.AutoComplete.prototype.filterResults=function(l,n,r,m){if(m&&m.argument&&YAHOO.lang.isValue(m.argument.query)){l=m.argument.query;}if(l&&l!==""){r=YAHOO.widget.AutoComplete._cloneObject(r);var j=m.scope,q=this,c=r.results,o=[],b=j.maxResultsDisplayed,k=(q.queryMatchCase||j.queryMatchCase),a=(q.queryMatchContains||j.queryMatchContains);for(var d=0,h=c.length;d-1))){o.push(f);}}if(h>b&&o.length===b){break;}}r.results=o;}else{}return r;};YAHOO.widget.AutoComplete.prototype.handleResponse=function(c,a,b){if((this instanceof YAHOO.widget.AutoComplete)&&this._sName){this._populateList(c,a,b);}};YAHOO.widget.AutoComplete.prototype.doBeforeLoadData=function(c,a,b){return true;};YAHOO.widget.AutoComplete.prototype.formatResult=function(b,d,a){var c=(a)?a:"";return c;};YAHOO.widget.AutoComplete.prototype.formatEscapedResult=function(c,d,b){var a=(b)?b:"";return YAHOO.lang.escapeHTML(a);};YAHOO.widget.AutoComplete.prototype.doBeforeExpandContainer=function(d,a,c,b){return true;};YAHOO.widget.AutoComplete.prototype.destroy=function(){var b=this.toString();var a=this._elTextbox;var d=this._elContainer;this.textboxFocusEvent.unsubscribeAll();this.textboxKeyEvent.unsubscribeAll();this.dataRequestEvent.unsubscribeAll();this.dataReturnEvent.unsubscribeAll();this.dataErrorEvent.unsubscribeAll();this.containerPopulateEvent.unsubscribeAll();this.containerExpandEvent.unsubscribeAll();this.typeAheadEvent.unsubscribeAll();this.itemMouseOverEvent.unsubscribeAll();this.itemMouseOutEvent.unsubscribeAll();this.itemArrowToEvent.unsubscribeAll();this.itemArrowFromEvent.unsubscribeAll();this.itemSelectEvent.unsubscribeAll();this.unmatchedItemSelectEvent.unsubscribeAll();this.selectionEnforceEvent.unsubscribeAll();this.containerCollapseEvent.unsubscribeAll();this.textboxBlurEvent.unsubscribeAll();this.textboxChangeEvent.unsubscribeAll();YAHOO.util.Event.purgeElement(a,true);YAHOO.util.Event.purgeElement(d,true);d.innerHTML="";for(var c in this){if(YAHOO.lang.hasOwnProperty(this,c)){this[c]=null;}}};YAHOO.widget.AutoComplete.prototype.textboxFocusEvent=null;YAHOO.widget.AutoComplete.prototype.textboxKeyEvent=null;YAHOO.widget.AutoComplete.prototype.dataRequestEvent=null;YAHOO.widget.AutoComplete.prototype.dataRequestCancelEvent=null;YAHOO.widget.AutoComplete.prototype.dataReturnEvent=null;YAHOO.widget.AutoComplete.prototype.dataErrorEvent=null;
-YAHOO.widget.AutoComplete.prototype.containerPopulateEvent=null;YAHOO.widget.AutoComplete.prototype.containerExpandEvent=null;YAHOO.widget.AutoComplete.prototype.typeAheadEvent=null;YAHOO.widget.AutoComplete.prototype.itemMouseOverEvent=null;YAHOO.widget.AutoComplete.prototype.itemMouseOutEvent=null;YAHOO.widget.AutoComplete.prototype.itemArrowToEvent=null;YAHOO.widget.AutoComplete.prototype.itemArrowFromEvent=null;YAHOO.widget.AutoComplete.prototype.itemSelectEvent=null;YAHOO.widget.AutoComplete.prototype.unmatchedItemSelectEvent=null;YAHOO.widget.AutoComplete.prototype.selectionEnforceEvent=null;YAHOO.widget.AutoComplete.prototype.containerCollapseEvent=null;YAHOO.widget.AutoComplete.prototype.textboxBlurEvent=null;YAHOO.widget.AutoComplete.prototype.textboxChangeEvent=null;YAHOO.widget.AutoComplete._nIndex=0;YAHOO.widget.AutoComplete.prototype._sName=null;YAHOO.widget.AutoComplete.prototype._elTextbox=null;YAHOO.widget.AutoComplete.prototype._elContainer=null;YAHOO.widget.AutoComplete.prototype._elContent=null;YAHOO.widget.AutoComplete.prototype._elHeader=null;YAHOO.widget.AutoComplete.prototype._elBody=null;YAHOO.widget.AutoComplete.prototype._elFooter=null;YAHOO.widget.AutoComplete.prototype._elShadow=null;YAHOO.widget.AutoComplete.prototype._elIFrame=null;YAHOO.widget.AutoComplete.prototype._bFocused=false;YAHOO.widget.AutoComplete.prototype._oAnim=null;YAHOO.widget.AutoComplete.prototype._bContainerOpen=false;YAHOO.widget.AutoComplete.prototype._bOverContainer=false;YAHOO.widget.AutoComplete.prototype._elList=null;YAHOO.widget.AutoComplete.prototype._nDisplayedItems=0;YAHOO.widget.AutoComplete.prototype._sCurQuery=null;YAHOO.widget.AutoComplete.prototype._sPastSelections="";YAHOO.widget.AutoComplete.prototype._sInitInputValue=null;YAHOO.widget.AutoComplete.prototype._elCurListItem=null;YAHOO.widget.AutoComplete.prototype._elCurPrehighlightItem=null;YAHOO.widget.AutoComplete.prototype._bItemSelected=false;YAHOO.widget.AutoComplete.prototype._nKeyCode=null;YAHOO.widget.AutoComplete.prototype._nDelayID=-1;YAHOO.widget.AutoComplete.prototype._nTypeAheadDelayID=-1;YAHOO.widget.AutoComplete.prototype._iFrameSrc="javascript:false;";YAHOO.widget.AutoComplete.prototype._queryInterval=null;YAHOO.widget.AutoComplete.prototype._sLastTextboxValue=null;YAHOO.widget.AutoComplete.prototype._initProps=function(){var b=this.minQueryLength;if(!YAHOO.lang.isNumber(b)){this.minQueryLength=1;}var e=this.maxResultsDisplayed;if(!YAHOO.lang.isNumber(e)||(e<1)){this.maxResultsDisplayed=10;}var f=this.queryDelay;if(!YAHOO.lang.isNumber(f)||(f<0)){this.queryDelay=0.2;}var c=this.typeAheadDelay;if(!YAHOO.lang.isNumber(c)||(c<0)){this.typeAheadDelay=0.2;}var a=this.delimChar;if(YAHOO.lang.isString(a)&&(a.length>0)){this.delimChar=[a];}else{if(!YAHOO.lang.isArray(a)){this.delimChar=null;}}var d=this.animSpeed;if((this.animHoriz||this.animVert)&&YAHOO.util.Anim){if(!YAHOO.lang.isNumber(d)||(d<0)){this.animSpeed=0.3;}if(!this._oAnim){this._oAnim=new YAHOO.util.Anim(this._elContent,{},this.animSpeed);}else{this._oAnim.duration=this.animSpeed;}}if(this.forceSelection&&a){}};YAHOO.widget.AutoComplete.prototype._initContainerHelperEls=function(){if(this.useShadow&&!this._elShadow){var a=document.createElement("div");a.className="yui-ac-shadow";a.style.width=0;a.style.height=0;this._elShadow=this._elContainer.appendChild(a);}if(this.useIFrame&&!this._elIFrame){var b=document.createElement("iframe");b.src=this._iFrameSrc;b.frameBorder=0;b.scrolling="no";b.style.position="absolute";b.style.width=0;b.style.height=0;b.style.padding=0;b.tabIndex=-1;b.role="presentation";b.title="Presentational iframe shim";this._elIFrame=this._elContainer.appendChild(b);}};YAHOO.widget.AutoComplete.prototype._initContainerEl=function(){YAHOO.util.Dom.addClass(this._elContainer,"yui-ac-container");if(!this._elContent){var c=document.createElement("div");c.className="yui-ac-content";c.style.display="none";this._elContent=this._elContainer.appendChild(c);var b=document.createElement("div");b.className="yui-ac-hd";b.style.display="none";this._elHeader=this._elContent.appendChild(b);var d=document.createElement("div");d.className="yui-ac-bd";this._elBody=this._elContent.appendChild(d);var a=document.createElement("div");a.className="yui-ac-ft";a.style.display="none";this._elFooter=this._elContent.appendChild(a);}else{}};YAHOO.widget.AutoComplete.prototype._initListEl=function(){var c=this.maxResultsDisplayed,a=this._elList||document.createElement("ul"),b;while(a.childNodes.length=18&&a<=20)||(a==27)||(a>=33&&a<=35)||(a>=36&&a<=40)||(a>=44&&a<=45)||(a==229)){return true;}return false;};YAHOO.widget.AutoComplete.prototype._sendQuery=function(d){if(this.minQueryLength<0){this._toggleContainer(false);return;}if(this.delimChar){var a=this._extractQuery(d);d=a.query;this._sPastSelections=a.previous;}if((d&&(d.length0)){if(this._nDelayID!=-1){clearTimeout(this._nDelayID);
-}this._toggleContainer(false);return;}d=encodeURIComponent(d);this._nDelayID=-1;if(this.dataSource.queryMatchSubset||this.queryMatchSubset){var c=this.getSubsetMatches(d);if(c){this.handleResponse(d,c,{query:d});return;}}if(this.dataSource.responseStripAfter){this.dataSource.doBeforeParseData=this.preparseRawResponse;}if(this.applyLocalFilter){this.dataSource.doBeforeCallback=this.filterResults;}var b=this.generateRequest(d);if(b!==undefined){this.dataRequestEvent.fire(this,d,b);this.dataSource.sendRequest(b,{success:this.handleResponse,failure:this.handleResponse,scope:this,argument:{query:d}});}else{this.dataRequestCancelEvent.fire(this,d);}};YAHOO.widget.AutoComplete.prototype._populateListItem=function(b,a,c){b.innerHTML=this.formatResult(a,c,b._sResultMatch);};YAHOO.widget.AutoComplete.prototype._populateList=function(n,f,c){if(this._nTypeAheadDelayID!=-1){clearTimeout(this._nTypeAheadDelayID);}n=(c&&c.query)?c.query:n;var h=this.doBeforeLoadData(n,f,c);if(h&&!f.error){this.dataReturnEvent.fire(this,n,f.results);if(this._bFocused){var p=decodeURIComponent(n);this._sCurQuery=p;this._bItemSelected=false;var u=f.results,a=Math.min(u.length,this.maxResultsDisplayed),m=(this.dataSource.responseSchema.fields)?(this.dataSource.responseSchema.fields[0].key||this.dataSource.responseSchema.fields[0]):0;if(a>0){if(!this._elList||(this._elList.childNodes.length=0;t--){var s=l[t],e=u[t];if(this.resultTypeList){var b=[];b[0]=(YAHOO.lang.isString(e))?e:e[m]||e[this.key];var o=this.dataSource.responseSchema.fields;if(YAHOO.lang.isArray(o)&&(o.length>1)){for(var q=1,v=o.length;q=a;r--){g=l[r];g.style.display="none";}}this._nDisplayedItems=a;this.containerPopulateEvent.fire(this,n,u);if(this.autoHighlight){var d=this._elList.firstChild;this._toggleHighlight(d,"to");this.itemArrowToEvent.fire(this,d);this._typeAhead(d,n);}else{this._toggleHighlight(this._elCurListItem,"from");}h=this._doBeforeExpandContainer(this._elTextbox,this._elContainer,n,u);this._toggleContainer(h);}else{this._toggleContainer(false);}return;}}else{this.dataErrorEvent.fire(this,n,f);}};YAHOO.widget.AutoComplete.prototype._doBeforeExpandContainer=function(d,a,c,b){if(this.autoSnapContainer){this.snapContainer();}return this.doBeforeExpandContainer(d,a,c,b);};YAHOO.widget.AutoComplete.prototype._clearSelection=function(){var a=(this.delimChar)?this._extractQuery(this._elTextbox.value):{previous:"",query:this._elTextbox.value};this._elTextbox.value=a.previous;this.selectionEnforceEvent.fire(this,a.query);};YAHOO.widget.AutoComplete.prototype._textMatchesOption=function(){var a=null;for(var b=0;b=0;b--){g=h.lastIndexOf(c[b]);if(g>f){f=g;}}if(c[b]==" "){for(var a=c.length-1;a>=0;a--){if(h[f-1]==c[a]){f--;break;}}}if(f>-1){e=f+1;while(h.charAt(e)==" "){e+=1;}d=h.substring(0,e);h=h.substr(e);}else{d="";}return{previous:d,query:h};};YAHOO.widget.AutoComplete.prototype._toggleContainerHelpers=function(d){var e=this._elContent.offsetWidth+"px";var b=this._elContent.offsetHeight+"px";if(this.useIFrame&&this._elIFrame){var c=this._elIFrame;if(d){c.style.width=e;c.style.height=b;c.style.padding="";}else{c.style.width=0;c.style.height=0;c.style.padding=0;}}if(this.useShadow&&this._elShadow){var a=this._elShadow;if(d){a.style.width=e;a.style.height=b;}else{a.style.width=0;a.style.height=0;}}};YAHOO.widget.AutoComplete.prototype._toggleContainer=function(i){var d=this._elContainer;if(this.alwaysShowContainer&&this._bContainerOpen){return;}if(!i){this._toggleHighlight(this._elCurListItem,"from");this._nDisplayedItems=0;this._sCurQuery=null;if(this._elContent.style.display=="none"){return;}}var a=this._oAnim;if(a&&a.getEl()&&(this.animHoriz||this.animVert)){if(a.isAnimated()){a.stop(true);}var g=this._elContent.cloneNode(true);d.appendChild(g);g.style.top="-9000px";g.style.width="";g.style.height="";g.style.display="";var f=g.offsetWidth;var c=g.offsetHeight;var b=(this.animHoriz)?0:f;var e=(this.animVert)?0:c;a.attributes=(i)?{width:{to:f},height:{to:c}}:{width:{to:b},height:{to:e}};if(i&&!this._bContainerOpen){this._elContent.style.width=b+"px";this._elContent.style.height=e+"px";}else{this._elContent.style.width=f+"px";this._elContent.style.height=c+"px";}d.removeChild(g);g=null;var h=this;var j=function(){a.onComplete.unsubscribeAll();if(i){h._toggleContainerHelpers(true);h._bContainerOpen=i;h.containerExpandEvent.fire(h);}else{h._elContent.style.display="none";h._bContainerOpen=i;h.containerCollapseEvent.fire(h);}};this._toggleContainerHelpers(false);this._elContent.style.display="";a.onComplete.subscribe(j);a.animate();}else{if(i){this._elContent.style.display="";this._toggleContainerHelpers(true);
-this._bContainerOpen=i;this.containerExpandEvent.fire(this);}else{this._toggleContainerHelpers(false);this._elContent.style.display="none";this._bContainerOpen=i;this.containerCollapseEvent.fire(this);}}};YAHOO.widget.AutoComplete.prototype._toggleHighlight=function(a,c){if(a){var b=this.highlightClassName;if(this._elCurListItem){YAHOO.util.Dom.removeClass(this._elCurListItem,b);this._elCurListItem=null;}if((c=="to")&&b){YAHOO.util.Dom.addClass(a,b);this._elCurListItem=a;}}};YAHOO.widget.AutoComplete.prototype._togglePrehighlight=function(b,c){var a=this.prehighlightClassName;if(this._elCurPrehighlightItem){YAHOO.util.Dom.removeClass(this._elCurPrehighlightItem,a);}if(b==this._elCurListItem){return;}if((c=="mouseover")&&a){YAHOO.util.Dom.addClass(b,a);this._elCurPrehighlightItem=b;}else{YAHOO.util.Dom.removeClass(b,a);}};YAHOO.widget.AutoComplete.prototype._updateValue=function(c){if(!this.suppressInputUpdate){var f=this._elTextbox;var e=(this.delimChar)?(this.delimChar[0]||this.delimChar):null;var b=c._sResultMatch;var d="";if(e){d=this._sPastSelections;d+=b+e;if(e!=" "){d+=" ";}}else{d=b;}f.value=d;if(f.type=="textarea"){f.scrollTop=f.scrollHeight;}var a=f.value.length;this._selectText(f,a,a);this._elCurListItem=c;}};YAHOO.widget.AutoComplete.prototype._selectItem=function(a){this._bItemSelected=true;this._updateValue(a);this._sPastSelections=this._elTextbox.value;this._clearInterval();this.itemSelectEvent.fire(this,a,a._oResultData);this._toggleContainer(false);};YAHOO.widget.AutoComplete.prototype._jumpSelection=function(){if(this._elCurListItem){this._selectItem(this._elCurListItem);}else{this._toggleContainer(false);}};YAHOO.widget.AutoComplete.prototype._moveSelection=function(g){if(this._bContainerOpen){var h=this._elCurListItem,d=-1;if(h){d=h._nItemIndex;}var e=(g==40)?(d+1):(d-1);if(e<-2||e>=this._nDisplayedItems){return;}if(h){this._toggleHighlight(h,"from");this.itemArrowFromEvent.fire(this,h);}if(e==-1){if(this.delimChar){this._elTextbox.value=this._sPastSelections+this._sCurQuery;}else{this._elTextbox.value=this._sCurQuery;}return;}if(e==-2){this._toggleContainer(false);return;}var f=this._elList.childNodes[e],b=this._elContent,c=YAHOO.util.Dom.getStyle(b,"overflow"),i=YAHOO.util.Dom.getStyle(b,"overflowY"),a=((c=="auto")||(c=="scroll")||(i=="auto")||(i=="scroll"));if(a&&(e>-1)&&(e(b.scrollTop+b.offsetHeight)){b.scrollTop=(f.offsetTop+f.offsetHeight)-b.offsetHeight;}else{if((f.offsetTop+f.offsetHeight)(b.scrollTop+b.offsetHeight)){this._elContent.scrollTop=(f.offsetTop+f.offsetHeight)-b.offsetHeight;}}}}this._toggleHighlight(f,"to");this.itemArrowToEvent.fire(this,f);if(this.typeAhead){this._updateValue(f);this._sCurQuery=f._sResultMatch;}}};YAHOO.widget.AutoComplete.prototype._onContainerMouseover=function(a,c){var d=YAHOO.util.Event.getTarget(a);var b=d.nodeName.toLowerCase();while(d&&(b!="table")){switch(b){case"body":return;case"li":if(c.prehighlightClassName){c._togglePrehighlight(d,"mouseover");}else{c._toggleHighlight(d,"to");}c.itemMouseOverEvent.fire(c,d);break;case"div":if(YAHOO.util.Dom.hasClass(d,"yui-ac-container")){c._bOverContainer=true;return;}break;default:break;}d=d.parentNode;if(d){b=d.nodeName.toLowerCase();}}};YAHOO.widget.AutoComplete.prototype._onContainerMouseout=function(a,c){var d=YAHOO.util.Event.getTarget(a);var b=d.nodeName.toLowerCase();while(d&&(b!="table")){switch(b){case"body":return;case"li":if(c.prehighlightClassName){c._togglePrehighlight(d,"mouseout");}else{c._toggleHighlight(d,"from");}c.itemMouseOutEvent.fire(c,d);break;case"ul":c._toggleHighlight(c._elCurListItem,"to");break;case"div":if(YAHOO.util.Dom.hasClass(d,"yui-ac-container")){c._bOverContainer=false;return;}break;default:break;}d=d.parentNode;if(d){b=d.nodeName.toLowerCase();}}};YAHOO.widget.AutoComplete.prototype._onContainerClick=function(a,c){var d=YAHOO.util.Event.getTarget(a);var b=d.nodeName.toLowerCase();while(d&&(b!="table")){switch(b){case"body":return;case"li":c._toggleHighlight(d,"to");c._selectItem(d);return;default:break;}d=d.parentNode;if(d){b=d.nodeName.toLowerCase();}}};YAHOO.widget.AutoComplete.prototype._onContainerScroll=function(a,b){b._focus();};YAHOO.widget.AutoComplete.prototype._onContainerResize=function(a,b){b._toggleContainerHelpers(b._bContainerOpen);};YAHOO.widget.AutoComplete.prototype._onTextboxKeyDown=function(a,b){var c=a.keyCode;if(b._nTypeAheadDelayID!=-1){clearTimeout(b._nTypeAheadDelayID);}switch(c){case 9:if(!YAHOO.env.ua.opera&&(navigator.userAgent.toLowerCase().indexOf("mac")==-1)||(YAHOO.env.ua.webkit>420)){if(b._elCurListItem){if(b.delimChar&&(b._nKeyCode!=c)){if(b._bContainerOpen){YAHOO.util.Event.stopEvent(a);}}b._selectItem(b._elCurListItem);}else{b._toggleContainer(false);}}break;case 13:if(!YAHOO.env.ua.opera&&(navigator.userAgent.toLowerCase().indexOf("mac")==-1)||(YAHOO.env.ua.webkit>420)){if(b._elCurListItem){if(b._nKeyCode!=c){if(b._bContainerOpen){YAHOO.util.Event.stopEvent(a);}}b._selectItem(b._elCurListItem);}else{b._toggleContainer(false);}}break;case 27:b._toggleContainer(false);return;case 39:b._jumpSelection();break;case 38:if(b._bContainerOpen){YAHOO.util.Event.stopEvent(a);b._moveSelection(c);}break;case 40:if(b._bContainerOpen){YAHOO.util.Event.stopEvent(a);b._moveSelection(c);}break;default:b._bItemSelected=false;b._toggleHighlight(b._elCurListItem,"from");b.textboxKeyEvent.fire(b,c);break;}if(c===18){b._enableIntervalDetection();}b._nKeyCode=c;};YAHOO.widget.AutoComplete.prototype._onTextboxKeyPress=function(a,b){var c=a.keyCode;if(YAHOO.env.ua.opera||(navigator.userAgent.toLowerCase().indexOf("mac")!=-1)&&(YAHOO.env.ua.webkit<420)){switch(c){case 9:if(b._bContainerOpen){if(b.delimChar){YAHOO.util.Event.stopEvent(a);}if(b._elCurListItem){b._selectItem(b._elCurListItem);}else{b._toggleContainer(false);}}break;case 13:if(b._bContainerOpen){YAHOO.util.Event.stopEvent(a);
-if(b._elCurListItem){b._selectItem(b._elCurListItem);}else{b._toggleContainer(false);}}break;default:break;}}else{if(c==229){b._enableIntervalDetection();}}};YAHOO.widget.AutoComplete.prototype._onTextboxKeyUp=function(a,c){var b=this.value;c._initProps();var d=a.keyCode;if(c._isIgnoreKey(d)){return;}if(c._nDelayID!=-1){clearTimeout(c._nDelayID);}c._nDelayID=setTimeout(function(){c._sendQuery(b);},(c.queryDelay*1000));};YAHOO.widget.AutoComplete.prototype._onTextboxFocus=function(a,b){if(!b._bFocused){b._elTextbox.setAttribute("autocomplete","off");b._bFocused=true;b._sInitInputValue=b._elTextbox.value;b.textboxFocusEvent.fire(b);}};YAHOO.widget.AutoComplete.prototype._onTextboxBlur=function(a,c){if(!c._bOverContainer||(c._nKeyCode==9)){if(!c._bItemSelected){var b=c._textMatchesOption();if(!c._bContainerOpen||(c._bContainerOpen&&(b===null))){if(c.forceSelection){c._clearSelection();}else{c.unmatchedItemSelectEvent.fire(c,c._sCurQuery);}}else{if(c.forceSelection){c._selectItem(b);}}}c._clearInterval();c._bFocused=false;if(c._sInitInputValue!==c._elTextbox.value){c.textboxChangeEvent.fire(c);}c.textboxBlurEvent.fire(c);c._toggleContainer(false);}else{c._focus();}};YAHOO.widget.AutoComplete.prototype._onWindowUnload=function(a,b){if(b&&b._elTextbox&&b.allowBrowserAutocomplete){b._elTextbox.setAttribute("autocomplete","on");}};YAHOO.widget.AutoComplete.prototype.doBeforeSendQuery=function(a){return this.generateRequest(a);};YAHOO.widget.AutoComplete.prototype.getListItems=function(){var c=[],b=this._elList.childNodes;for(var a=b.length-1;a>=0;a--){c[a]=b[a];}return c;};YAHOO.widget.AutoComplete._cloneObject=function(d){if(!YAHOO.lang.isValue(d)){return d;}var f={};if(YAHOO.lang.isFunction(d)){f=d;}else{if(YAHOO.lang.isArray(d)){var e=[];for(var c=0,b=d.length;cThe Button Control enables the creation of rich, graphical
-* buttons that function like traditional HTML form buttons. Unlike
-* traditional HTML form buttons, buttons created with the Button Control can have
-* a label that is different from its value. With the inclusion of the optional
-* Menu Control, the Button Control can also be
-* used to create menu buttons and split buttons, controls that are not
-* available natively in HTML. The Button Control can also be thought of as a
-* way to create more visually engaging implementations of the browser's
-* default radio-button and check-box controls.
-*
The Button Control supports the following types:
-*
-*
push
-*
Basic push button that can execute a user-specified command when
-* pressed.
-*
link
-*
Navigates to a specified url when pressed.
-*
submit
-*
Submits the parent form when pressed.
-*
reset
-*
Resets the parent form when pressed.
-*
checkbox
-*
Maintains a "checked" state that can be toggled on and off.
-*
radio
-*
Maintains a "checked" state that can be toggled on and off. Use with
-* the ButtonGroup class to create a set of controls that are mutually
-* exclusive; checking one button in the set will uncheck all others in
-* the group.
-*
menu
-*
When pressed will show/hide a menu.
-*
split
-*
Can execute a user-specified command or display a menu when pressed.
-*
-* @title Button
-* @namespace YAHOO.widget
-* @requires yahoo, dom, element, event
-* @optional container, menu
-*/
-
-
-(function () {
-
-
- /**
- * The Button class creates a rich, graphical button.
- * @param {String} p_oElement String specifying the id attribute of the
- * <input>, <button>,
- * <a>, or <span> element to
- * be used to create the button.
- * @param {HTMLInputElement|
- * HTMLButtonElement|HTMLElement} p_oElement Object reference for the
- * <input>, <button>,
- * <a>, or <span> element to be
- * used to create the button.
- * @param {Object} p_oElement Object literal specifying a set of
- * configuration attributes used to create the button.
- * @param {Object} p_oAttributes Optional. Object literal specifying a set
- * of configuration attributes used to create the button.
- * @namespace YAHOO.widget
- * @class Button
- * @constructor
- * @extends YAHOO.util.Element
- */
-
-
-
- // Shorthard for utilities
-
- var Dom = YAHOO.util.Dom,
- Event = YAHOO.util.Event,
- Lang = YAHOO.lang,
- UA = YAHOO.env.ua,
- Overlay = YAHOO.widget.Overlay,
- Menu = YAHOO.widget.Menu,
-
-
- // Private member variables
-
- m_oButtons = {}, // Collection of all Button instances
- m_oOverlayManager = null, // YAHOO.widget.OverlayManager instance
- m_oSubmitTrigger = null, // The button that submitted the form
- m_oFocusedButton = null; // The button that has focus
-
-
-
- // Private methods
-
-
-
- /**
- * @method createInputElement
- * @description Creates an <input> element of the
- * specified type.
- * @private
- * @param {String} p_sType String specifying the type of
- * <input> element to create.
- * @param {String} p_sName String specifying the name of
- * <input> element to create.
- * @param {String} p_sValue String specifying the value of
- * <input> element to create.
- * @param {String} p_bChecked Boolean specifying if the
- * <input> element is to be checked.
- * @return {HTMLInputElement}
- */
- function createInputElement(p_sType, p_sName, p_sValue, p_bChecked) {
-
- var oInput,
- sInput;
-
- if (Lang.isString(p_sType) && Lang.isString(p_sName)) {
-
- if (UA.ie && (UA.ie < 9)) {
-
- /*
- For IE it is necessary to create the element with the
- "type," "name," "value," and "checked" properties set all
- at once.
- */
-
- sInput = "<input> or <a>) that
- * map to Button configuration attributes and sets them into a collection
- * that is passed to the Button constructor.
- * @private
- * @param {HTMLInputElement|HTMLAnchorElement} p_oElement Object reference to the HTML
- * element (either <input> or <span>
- * ) used to create the button.
- * @param {Object} p_oAttributes Object reference for the collection of
- * configuration attributes used to create the button.
- */
- function setAttributesFromSrcElement(p_oElement, p_oAttributes) {
-
- var sSrcElementNodeName = p_oElement.nodeName.toUpperCase(),
- sClass = (this.CLASS_NAME_PREFIX + this.CSS_CLASS_NAME),
- me = this,
- oAttribute,
- oRootNode,
- sText;
-
-
- /**
- * @method setAttributeFromDOMAttribute
- * @description Gets the value of the specified DOM attribute and sets it
- * into the collection of configuration attributes used to configure
- * the button.
- * @private
- * @param {String} p_sAttribute String representing the name of the
- * attribute to retrieve from the DOM element.
- */
- function setAttributeFromDOMAttribute(p_sAttribute) {
-
- if (!(p_sAttribute in p_oAttributes)) {
-
- /*
- Need to use "getAttributeNode" instead of "getAttribute"
- because using "getAttribute," IE will return the innerText
- of a <button> for the value attribute
- rather than the value of the "value" attribute.
- */
-
- oAttribute = p_oElement.getAttributeNode(p_sAttribute);
-
-
- if (oAttribute && ("value" in oAttribute)) {
-
- YAHOO.log("Setting attribute \"" + p_sAttribute +
- "\" using source element's attribute value of \"" +
- oAttribute.value + "\"", "info", me.toString());
-
- p_oAttributes[p_sAttribute] = oAttribute.value;
-
- }
-
- }
-
- }
-
-
- /**
- * @method setFormElementProperties
- * @description Gets the value of the attributes from the form element
- * and sets them into the collection of configuration attributes used to
- * configure the button.
- * @private
- */
- function setFormElementProperties() {
-
- setAttributeFromDOMAttribute("type");
-
- if (p_oAttributes.type == "button") {
-
- p_oAttributes.type = "push";
-
- }
-
- if (!("disabled" in p_oAttributes)) {
-
- p_oAttributes.disabled = p_oElement.disabled;
-
- }
-
- setAttributeFromDOMAttribute("name");
- setAttributeFromDOMAttribute("value");
- setAttributeFromDOMAttribute("title");
-
- }
-
-
- switch (sSrcElementNodeName) {
-
- case "A":
-
- p_oAttributes.type = "link";
-
- setAttributeFromDOMAttribute("href");
- setAttributeFromDOMAttribute("target");
-
- break;
-
- case "INPUT":
-
- setFormElementProperties();
-
- if (!("checked" in p_oAttributes)) {
-
- p_oAttributes.checked = p_oElement.checked;
-
- }
-
- break;
-
- case "BUTTON":
-
- setFormElementProperties();
-
- oRootNode = p_oElement.parentNode.parentNode;
-
- if (Dom.hasClass(oRootNode, sClass + "-checked")) {
-
- p_oAttributes.checked = true;
-
- }
-
- if (Dom.hasClass(oRootNode, sClass + "-disabled")) {
-
- p_oAttributes.disabled = true;
-
- }
-
- p_oElement.removeAttribute("value");
-
- p_oElement.setAttribute("type", "button");
-
- break;
-
- }
-
- p_oElement.removeAttribute("id");
- p_oElement.removeAttribute("name");
-
- if (!("tabindex" in p_oAttributes)) {
-
- p_oAttributes.tabindex = p_oElement.tabIndex;
-
- }
-
- if (!("label" in p_oAttributes)) {
-
- // Set the "label" property
-
- sText = sSrcElementNodeName == "INPUT" ?
- p_oElement.value : p_oElement.innerHTML;
-
-
- if (sText && sText.length > 0) {
-
- p_oAttributes.label = sText;
-
- }
-
- }
-
- }
-
-
- /**
- * @method initConfig
- * @description Initializes the set of configuration attributes that are
- * used to instantiate the button.
- * @private
- * @param {Object} Object representing the button's set of
- * configuration attributes.
- */
- function initConfig(p_oConfig) {
-
- var oAttributes = p_oConfig.attributes,
- oSrcElement = oAttributes.srcelement,
- sSrcElementNodeName = oSrcElement.nodeName.toUpperCase(),
- me = this;
-
-
- if (sSrcElementNodeName == this.NODE_NAME) {
-
- p_oConfig.element = oSrcElement;
- p_oConfig.id = oSrcElement.id;
-
- Dom.getElementsBy(function (p_oElement) {
-
- switch (p_oElement.nodeName.toUpperCase()) {
-
- case "BUTTON":
- case "A":
- case "INPUT":
-
- setAttributesFromSrcElement.call(me, p_oElement,
- oAttributes);
-
- break;
-
- }
-
- }, "*", oSrcElement);
-
- }
- else {
-
- switch (sSrcElementNodeName) {
-
- case "BUTTON":
- case "A":
- case "INPUT":
-
- setAttributesFromSrcElement.call(this, oSrcElement,
- oAttributes);
-
- break;
-
- }
-
- }
-
- }
-
-
-
- // Constructor
-
- YAHOO.widget.Button = function (p_oElement, p_oAttributes) {
-
- if (!Overlay && YAHOO.widget.Overlay) {
-
- Overlay = YAHOO.widget.Overlay;
-
- }
-
-
- if (!Menu && YAHOO.widget.Menu) {
-
- Menu = YAHOO.widget.Menu;
-
- }
-
-
- var fnSuperClass = YAHOO.widget.Button.superclass.constructor,
- oConfig,
- oElement;
-
-
- if (arguments.length == 1 && !Lang.isString(p_oElement) && !p_oElement.nodeName) {
-
- if (!p_oElement.id) {
-
- p_oElement.id = Dom.generateId();
-
- YAHOO.log("No value specified for the button's \"id\" " +
- "attribute. Setting button id to \"" + p_oElement.id +
- "\".", "info", this.toString());
-
- }
-
- YAHOO.log("No source HTML element. Building the button " +
- "using the set of configuration attributes.", "info", this.toString());
-
- fnSuperClass.call(this, (this.createButtonElement(p_oElement.type)), p_oElement);
-
- }
- else {
-
- oConfig = { element: null, attributes: (p_oAttributes || {}) };
-
-
- if (Lang.isString(p_oElement)) {
-
- oElement = Dom.get(p_oElement);
-
- if (oElement) {
-
- if (!oConfig.attributes.id) {
-
- oConfig.attributes.id = p_oElement;
-
- }
-
- YAHOO.log("Building the button using an existing " +
- "HTML element as a source element.", "info", this.toString());
-
-
- oConfig.attributes.srcelement = oElement;
-
- initConfig.call(this, oConfig);
-
-
- if (!oConfig.element) {
-
- YAHOO.log("Source element could not be used " +
- "as is. Creating a new HTML element for " +
- "the button.", "info", this.toString());
-
- oConfig.element = this.createButtonElement(oConfig.attributes.type);
-
- }
-
- fnSuperClass.call(this, oConfig.element, oConfig.attributes);
-
- }
-
- }
- else if (p_oElement.nodeName) {
-
- if (!oConfig.attributes.id) {
-
- if (p_oElement.id) {
-
- oConfig.attributes.id = p_oElement.id;
-
- }
- else {
-
- oConfig.attributes.id = Dom.generateId();
-
- YAHOO.log("No value specified for the button's " +
- "\"id\" attribute. Setting button id to \"" +
- oConfig.attributes.id + "\".", "info", this.toString());
-
- }
-
- }
-
- YAHOO.log("Building the button using an existing HTML " +
- "element as a source element.", "info", this.toString());
-
-
- oConfig.attributes.srcelement = p_oElement;
-
- initConfig.call(this, oConfig);
-
-
- if (!oConfig.element) {
-
- YAHOO.log("Source element could not be used as is." +
- " Creating a new HTML element for the button.",
- "info", this.toString());
-
- oConfig.element = this.createButtonElement(oConfig.attributes.type);
-
- }
-
- fnSuperClass.call(this, oConfig.element, oConfig.attributes);
-
- }
-
- }
-
- };
-
-
-
- YAHOO.extend(YAHOO.widget.Button, YAHOO.util.Element, {
-
-
- // Protected properties
-
-
- /**
- * @property _button
- * @description Object reference to the button's internal
- * <a> or <button> element.
- * @default null
- * @protected
- * @type HTMLAnchorElement|HTMLButtonElement
- */
- _button: null,
-
-
- /**
- * @property _menu
- * @description Object reference to the button's menu.
- * @default null
- * @protected
- * @type {YAHOO.widget.Overlay|
- * YAHOO.widget.Menu}
- */
- _menu: null,
-
-
- /**
- * @property _hiddenFields
- * @description Object reference to the <input>
- * element, or array of HTML form elements used to represent the button
- * when its parent form is submitted.
- * @default null
- * @protected
- * @type HTMLInputElement|Array
- */
- _hiddenFields: null,
-
-
- /**
- * @property _onclickAttributeValue
- * @description Object reference to the button's current value for the
- * "onclick" configuration attribute.
- * @default null
- * @protected
- * @type Object
- */
- _onclickAttributeValue: null,
-
-
- /**
- * @property _activationKeyPressed
- * @description Boolean indicating if the key(s) that toggle the button's
- * "active" state have been pressed.
- * @default false
- * @protected
- * @type Boolean
- */
- _activationKeyPressed: false,
-
-
- /**
- * @property _activationButtonPressed
- * @description Boolean indicating if the mouse button that toggles
- * the button's "active" state has been pressed.
- * @default false
- * @protected
- * @type Boolean
- */
- _activationButtonPressed: false,
-
-
- /**
- * @property _hasKeyEventHandlers
- * @description Boolean indicating if the button's "blur", "keydown" and
- * "keyup" event handlers are assigned
- * @default false
- * @protected
- * @type Boolean
- */
- _hasKeyEventHandlers: false,
-
-
- /**
- * @property _hasMouseEventHandlers
- * @description Boolean indicating if the button's "mouseout,"
- * "mousedown," and "mouseup" event handlers are assigned
- * @default false
- * @protected
- * @type Boolean
- */
- _hasMouseEventHandlers: false,
-
-
- /**
- * @property _nOptionRegionX
- * @description Number representing the X coordinate of the leftmost edge of the Button's
- * option region. Applies only to Buttons of type "split".
- * @default 0
- * @protected
- * @type Number
- */
- _nOptionRegionX: 0,
-
-
-
- // Constants
-
- /**
- * @property CLASS_NAME_PREFIX
- * @description Prefix used for all class names applied to a Button.
- * @default "yui-"
- * @final
- * @type String
- */
- CLASS_NAME_PREFIX: "yui-",
-
-
- /**
- * @property NODE_NAME
- * @description The name of the node to be used for the button's
- * root element.
- * @default "SPAN"
- * @final
- * @type String
- */
- NODE_NAME: "SPAN",
-
-
- /**
- * @property CHECK_ACTIVATION_KEYS
- * @description Array of numbers representing keys that (when pressed)
- * toggle the button's "checked" attribute.
- * @default [32]
- * @final
- * @type Array
- */
- CHECK_ACTIVATION_KEYS: [32],
-
-
- /**
- * @property ACTIVATION_KEYS
- * @description Array of numbers representing keys that (when presed)
- * toggle the button's "active" state.
- * @default [13, 32]
- * @final
- * @type Array
- */
- ACTIVATION_KEYS: [13, 32],
-
-
- /**
- * @property OPTION_AREA_WIDTH
- * @description Width (in pixels) of the area of a split button that
- * when pressed will display a menu.
- * @default 20
- * @final
- * @type Number
- */
- OPTION_AREA_WIDTH: 20,
-
-
- /**
- * @property CSS_CLASS_NAME
- * @description String representing the CSS class(es) to be applied to
- * the button's root element.
- * @default "button"
- * @final
- * @type String
- */
- CSS_CLASS_NAME: "button",
-
-
-
- // Protected attribute setter methods
-
-
- /**
- * @method _setType
- * @description Sets the value of the button's "type" attribute.
- * @protected
- * @param {String} p_sType String indicating the value for the button's
- * "type" attribute.
- */
- _setType: function (p_sType) {
-
- if (p_sType == "split") {
-
- this.on("option", this._onOption);
-
- }
-
- },
-
-
- /**
- * @method _setLabel
- * @description Sets the value of the button's "label" attribute.
- * @protected
- * @param {HTML} p_sLabel String indicating the value for the button's
- * "label" attribute.
- */
- _setLabel: function (p_sLabel) {
-
- this._button.innerHTML = p_sLabel;
-
-
- /*
- Remove and add the default class name from the root element
- for Gecko to ensure that the button shrinkwraps to the label.
- Without this the button will not be rendered at the correct
- width when the label changes. The most likely cause for this
- bug is button's use of the Gecko-specific CSS display type of
- "-moz-inline-box" to simulate "inline-block" supported by IE,
- Safari and Opera.
- */
-
- var sClass,
- nGeckoVersion = UA.gecko;
-
-
- if (nGeckoVersion && nGeckoVersion < 1.9 && Dom.inDocument(this.get("element"))) {
-
- sClass = (this.CLASS_NAME_PREFIX + this.CSS_CLASS_NAME);
-
- this.removeClass(sClass);
-
- Lang.later(0, this, this.addClass, sClass);
-
- }
-
- },
-
-
- /**
- * @method _setTabIndex
- * @description Sets the value of the button's "tabindex" attribute.
- * @protected
- * @param {Number} p_nTabIndex Number indicating the value for the
- * button's "tabindex" attribute.
- */
- _setTabIndex: function (p_nTabIndex) {
-
- this._button.tabIndex = p_nTabIndex;
-
- },
-
-
- /**
- * @method _setTitle
- * @description Sets the value of the button's "title" attribute.
- * @protected
- * @param {String} p_nTabIndex Number indicating the value for
- * the button's "title" attribute.
- */
- _setTitle: function (p_sTitle) {
-
- if (this.get("type") != "link") {
-
- this._button.title = p_sTitle;
-
- }
-
- },
-
-
- /**
- * @method _setDisabled
- * @description Sets the value of the button's "disabled" attribute.
- * @protected
- * @param {Boolean} p_bDisabled Boolean indicating the value for
- * the button's "disabled" attribute.
- */
- _setDisabled: function (p_bDisabled) {
-
- if (this.get("type") != "link") {
-
- if (p_bDisabled) {
-
- if (this._menu) {
-
- this._menu.hide();
-
- }
-
- if (this.hasFocus()) {
-
- this.blur();
-
- }
-
- this._button.setAttribute("disabled", "disabled");
-
- this.addStateCSSClasses("disabled");
-
- this.removeStateCSSClasses("hover");
- this.removeStateCSSClasses("active");
- this.removeStateCSSClasses("focus");
-
- }
- else {
-
- this._button.removeAttribute("disabled");
-
- this.removeStateCSSClasses("disabled");
-
- }
-
- }
-
- },
-
-
- /**
- * @method _setHref
- * @description Sets the value of the button's "href" attribute.
- * @protected
- * @param {String} p_sHref String indicating the value for the button's
- * "href" attribute.
- */
- _setHref: function (p_sHref) {
-
- if (this.get("type") == "link") {
-
- this._button.href = p_sHref;
-
- }
-
- },
-
-
- /**
- * @method _setTarget
- * @description Sets the value of the button's "target" attribute.
- * @protected
- * @param {String} p_sTarget String indicating the value for the button's
- * "target" attribute.
- */
- _setTarget: function (p_sTarget) {
-
- if (this.get("type") == "link") {
-
- this._button.setAttribute("target", p_sTarget);
-
- }
-
- },
-
-
- /**
- * @method _setChecked
- * @description Sets the value of the button's "target" attribute.
- * @protected
- * @param {Boolean} p_bChecked Boolean indicating the value for
- * the button's "checked" attribute.
- */
- _setChecked: function (p_bChecked) {
-
- var sType = this.get("type");
-
- if (sType == "checkbox" || sType == "radio") {
-
- if (p_bChecked) {
- this.addStateCSSClasses("checked");
- }
- else {
- this.removeStateCSSClasses("checked");
- }
-
- }
-
- },
-
-
- /**
- * @method _setMenu
- * @description Sets the value of the button's "menu" attribute.
- * @protected
- * @param {Object} p_oMenu Object indicating the value for the button's
- * "menu" attribute.
- */
- _setMenu: function (p_oMenu) {
-
- var bLazyLoad = this.get("lazyloadmenu"),
- oButtonElement = this.get("element"),
- sMenuCSSClassName,
-
- /*
- Boolean indicating if the value of p_oMenu is an instance
- of YAHOO.widget.Menu or YAHOO.widget.Overlay.
- */
-
- bInstance = false,
- oMenu,
- oMenuElement,
- oSrcElement;
-
-
- function onAppendTo() {
-
- oMenu.render(oButtonElement.parentNode);
-
- this.removeListener("appendTo", onAppendTo);
-
- }
-
-
- function setMenuContainer() {
-
- oMenu.cfg.queueProperty("container", oButtonElement.parentNode);
-
- this.removeListener("appendTo", setMenuContainer);
-
- }
-
-
- function initMenu() {
-
- var oContainer;
-
- if (oMenu) {
-
- Dom.addClass(oMenu.element, this.get("menuclassname"));
- Dom.addClass(oMenu.element, this.CLASS_NAME_PREFIX + this.get("type") + "-button-menu");
-
- oMenu.showEvent.subscribe(this._onMenuShow, null, this);
- oMenu.hideEvent.subscribe(this._onMenuHide, null, this);
- oMenu.renderEvent.subscribe(this._onMenuRender, null, this);
-
-
- if (Menu && oMenu instanceof Menu) {
-
- if (bLazyLoad) {
-
- oContainer = this.get("container");
-
- if (oContainer) {
-
- oMenu.cfg.queueProperty("container", oContainer);
-
- }
- else {
-
- this.on("appendTo", setMenuContainer);
-
- }
-
- }
-
- oMenu.cfg.queueProperty("clicktohide", false);
-
- oMenu.keyDownEvent.subscribe(this._onMenuKeyDown, this, true);
- oMenu.subscribe("click", this._onMenuClick, this, true);
-
- this.on("selectedMenuItemChange", this._onSelectedMenuItemChange);
-
- oSrcElement = oMenu.srcElement;
-
- if (oSrcElement && oSrcElement.nodeName.toUpperCase() == "SELECT") {
-
- oSrcElement.style.display = "none";
- oSrcElement.parentNode.removeChild(oSrcElement);
-
- }
-
- }
- else if (Overlay && oMenu instanceof Overlay) {
-
- if (!m_oOverlayManager) {
-
- m_oOverlayManager = new YAHOO.widget.OverlayManager();
-
- }
-
- m_oOverlayManager.register(oMenu);
-
- }
-
-
- this._menu = oMenu;
-
-
- if (!bInstance && !bLazyLoad) {
-
- if (Dom.inDocument(oButtonElement)) {
-
- oMenu.render(oButtonElement.parentNode);
-
- }
- else {
-
- this.on("appendTo", onAppendTo);
-
- }
-
- }
-
- }
-
- }
-
-
- if (Overlay) {
-
- if (Menu) {
-
- sMenuCSSClassName = Menu.prototype.CSS_CLASS_NAME;
-
- }
-
- if (p_oMenu && Menu && (p_oMenu instanceof Menu)) {
-
- oMenu = p_oMenu;
- bInstance = true;
-
- initMenu.call(this);
-
- }
- else if (Overlay && p_oMenu && (p_oMenu instanceof Overlay)) {
-
- oMenu = p_oMenu;
- bInstance = true;
-
- oMenu.cfg.queueProperty("visible", false);
-
- initMenu.call(this);
-
- }
- else if (Menu && Lang.isArray(p_oMenu)) {
-
- oMenu = new Menu(Dom.generateId(), { lazyload: bLazyLoad, itemdata: p_oMenu });
-
- this._menu = oMenu;
-
- this.on("appendTo", initMenu);
-
- }
- else if (Lang.isString(p_oMenu)) {
-
- oMenuElement = Dom.get(p_oMenu);
-
- if (oMenuElement) {
-
- if (Menu && Dom.hasClass(oMenuElement, sMenuCSSClassName) ||
- oMenuElement.nodeName.toUpperCase() == "SELECT") {
-
- oMenu = new Menu(p_oMenu, { lazyload: bLazyLoad });
-
- initMenu.call(this);
-
- }
- else if (Overlay) {
-
- oMenu = new Overlay(p_oMenu, { visible: false });
-
- initMenu.call(this);
-
- }
-
- }
-
- }
- else if (p_oMenu && p_oMenu.nodeName) {
-
- if (Menu && Dom.hasClass(p_oMenu, sMenuCSSClassName) ||
- p_oMenu.nodeName.toUpperCase() == "SELECT") {
-
- oMenu = new Menu(p_oMenu, { lazyload: bLazyLoad });
-
- initMenu.call(this);
-
- }
- else if (Overlay) {
-
- if (!p_oMenu.id) {
-
- Dom.generateId(p_oMenu);
-
- }
-
- oMenu = new Overlay(p_oMenu, { visible: false });
-
- initMenu.call(this);
-
- }
-
- }
-
- }
-
- },
-
-
- /**
- * @method _setOnClick
- * @description Sets the value of the button's "onclick" attribute.
- * @protected
- * @param {Object} p_oObject Object indicating the value for the button's
- * "onclick" attribute.
- */
- _setOnClick: function (p_oObject) {
-
- /*
- Remove any existing listeners if a "click" event handler
- has already been specified.
- */
-
- if (this._onclickAttributeValue &&
- (this._onclickAttributeValue != p_oObject)) {
-
- this.removeListener("click", this._onclickAttributeValue.fn);
-
- this._onclickAttributeValue = null;
-
- }
-
-
- if (!this._onclickAttributeValue &&
- Lang.isObject(p_oObject) &&
- Lang.isFunction(p_oObject.fn)) {
-
- this.on("click", p_oObject.fn, p_oObject.obj, p_oObject.scope);
-
- this._onclickAttributeValue = p_oObject;
-
- }
-
- },
-
-
-
- // Protected methods
-
-
-
- /**
- * @method _isActivationKey
- * @description Determines if the specified keycode is one that toggles
- * the button's "active" state.
- * @protected
- * @param {Number} p_nKeyCode Number representing the keycode to
- * be evaluated.
- * @return {Boolean}
- */
- _isActivationKey: function (p_nKeyCode) {
-
- var sType = this.get("type"),
- aKeyCodes = (sType == "checkbox" || sType == "radio") ?
- this.CHECK_ACTIVATION_KEYS : this.ACTIVATION_KEYS,
-
- nKeyCodes = aKeyCodes.length,
- bReturnVal = false,
- i;
-
-
- if (nKeyCodes > 0) {
-
- i = nKeyCodes - 1;
-
- do {
-
- if (p_nKeyCode == aKeyCodes[i]) {
-
- bReturnVal = true;
- break;
-
- }
-
- }
- while (i--);
-
- }
-
- return bReturnVal;
-
- },
-
-
- /**
- * @method _isSplitButtonOptionKey
- * @description Determines if the specified keycode is one that toggles
- * the display of the split button's menu.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- * @return {Boolean}
- */
- _isSplitButtonOptionKey: function (p_oEvent) {
-
- var bShowMenu = (Event.getCharCode(p_oEvent) == 40);
-
-
- var onKeyPress = function (p_oEvent) {
-
- Event.preventDefault(p_oEvent);
-
- this.removeListener("keypress", onKeyPress);
-
- };
-
-
- // Prevent the browser from scrolling the window
- if (bShowMenu) {
-
- if (UA.opera) {
-
- this.on("keypress", onKeyPress);
-
- }
-
- Event.preventDefault(p_oEvent);
- }
-
- return bShowMenu;
-
- },
-
-
- /**
- * @method _addListenersToForm
- * @description Adds event handlers to the button's form.
- * @protected
- */
- _addListenersToForm: function () {
-
- var oForm = this.getForm(),
- onFormKeyPress = YAHOO.widget.Button.onFormKeyPress,
- bHasKeyPressListener,
- oSrcElement,
- aListeners,
- nListeners,
- i;
-
-
- if (oForm) {
-
- Event.on(oForm, "reset", this._onFormReset, null, this);
- Event.on(oForm, "submit", this._onFormSubmit, null, this);
-
- oSrcElement = this.get("srcelement");
-
-
- if (this.get("type") == "submit" ||
- (oSrcElement && oSrcElement.type == "submit"))
- {
-
- aListeners = Event.getListeners(oForm, "keypress");
- bHasKeyPressListener = false;
-
- if (aListeners) {
-
- nListeners = aListeners.length;
-
- if (nListeners > 0) {
-
- i = nListeners - 1;
-
- do {
-
- if (aListeners[i].fn == onFormKeyPress) {
-
- bHasKeyPressListener = true;
- break;
-
- }
-
- }
- while (i--);
-
- }
-
- }
-
-
- if (!bHasKeyPressListener) {
-
- Event.on(oForm, "keypress", onFormKeyPress);
-
- }
-
- }
-
- }
-
- },
-
-
-
- /**
- * @method _showMenu
- * @description Shows the button's menu.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event) that triggered
- * the display of the menu.
- */
- _showMenu: function (p_oEvent) {
-
- if (YAHOO.widget.MenuManager) {
- YAHOO.widget.MenuManager.hideVisible();
- }
-
-
- if (m_oOverlayManager) {
- m_oOverlayManager.hideAll();
- }
-
-
- var oMenu = this._menu,
- aMenuAlignment = this.get("menualignment"),
- bFocusMenu = this.get("focusmenu"),
- fnFocusMethod;
-
-
- if (this._renderedMenu) {
-
- oMenu.cfg.setProperty("context",
- [this.get("element"), aMenuAlignment[0], aMenuAlignment[1]]);
-
- oMenu.cfg.setProperty("preventcontextoverlap", true);
- oMenu.cfg.setProperty("constraintoviewport", true);
-
- }
- else {
-
- oMenu.cfg.queueProperty("context",
- [this.get("element"), aMenuAlignment[0], aMenuAlignment[1]]);
-
- oMenu.cfg.queueProperty("preventcontextoverlap", true);
- oMenu.cfg.queueProperty("constraintoviewport", true);
-
- }
-
-
- /*
- Refocus the Button before showing its Menu in case the call to
- YAHOO.widget.MenuManager.hideVisible() resulted in another element in the
- DOM being focused after another Menu was hidden.
- */
-
- this.focus();
-
-
- if (Menu && oMenu && (oMenu instanceof Menu)) {
-
- // Since Menus automatically focus themselves when made visible, temporarily
- // replace the Menu focus method so that the value of the Button's "focusmenu"
- // attribute determines if the Menu should be focus when made visible.
-
- fnFocusMethod = oMenu.focus;
-
- oMenu.focus = function () {};
-
- if (this._renderedMenu) {
-
- oMenu.cfg.setProperty("minscrollheight", this.get("menuminscrollheight"));
- oMenu.cfg.setProperty("maxheight", this.get("menumaxheight"));
-
- }
- else {
-
- oMenu.cfg.queueProperty("minscrollheight", this.get("menuminscrollheight"));
- oMenu.cfg.queueProperty("maxheight", this.get("menumaxheight"));
-
- }
-
-
- oMenu.show();
-
- oMenu.focus = fnFocusMethod;
-
- oMenu.align();
-
-
- /*
- Stop the propagation of the event so that the MenuManager
- doesn't blur the menu after it gets focus.
- */
-
- if (p_oEvent.type == "mousedown") {
- Event.stopPropagation(p_oEvent);
- }
-
-
- if (bFocusMenu) {
- oMenu.focus();
- }
-
- }
- else if (Overlay && oMenu && (oMenu instanceof Overlay)) {
-
- if (!this._renderedMenu) {
- oMenu.render(this.get("element").parentNode);
- }
-
- oMenu.show();
- oMenu.align();
-
- }
-
- },
-
-
- /**
- * @method _hideMenu
- * @description Hides the button's menu.
- * @protected
- */
- _hideMenu: function () {
-
- var oMenu = this._menu;
-
- if (oMenu) {
-
- oMenu.hide();
-
- }
-
- },
-
-
-
-
- // Protected event handlers
-
-
- /**
- * @method _onMouseOver
- * @description "mouseover" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onMouseOver: function (p_oEvent) {
-
- var sType = this.get("type"),
- oElement,
- nOptionRegionX;
-
-
- if (sType === "split") {
-
- oElement = this.get("element");
- nOptionRegionX =
- (Dom.getX(oElement) + (oElement.offsetWidth - this.OPTION_AREA_WIDTH));
-
- this._nOptionRegionX = nOptionRegionX;
-
- }
-
-
- if (!this._hasMouseEventHandlers) {
-
- if (sType === "split") {
-
- this.on("mousemove", this._onMouseMove);
-
- }
-
- this.on("mouseout", this._onMouseOut);
-
- this._hasMouseEventHandlers = true;
-
- }
-
-
- this.addStateCSSClasses("hover");
-
-
- if (sType === "split" && (Event.getPageX(p_oEvent) > nOptionRegionX)) {
-
- this.addStateCSSClasses("hoveroption");
-
- }
-
-
- if (this._activationButtonPressed) {
-
- this.addStateCSSClasses("active");
-
- }
-
-
- if (this._bOptionPressed) {
-
- this.addStateCSSClasses("activeoption");
-
- }
-
-
- if (this.isActive() || this._bOptionPressed) {
-
- Event.removeListener(document, "mouseup", this._onDocumentMouseUp);
-
- }
-
- },
-
-
- /**
- * @method _onMouseMove
- * @description "mousemove" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onMouseMove: function (p_oEvent) {
-
- var nOptionRegionX = this._nOptionRegionX;
-
- if (nOptionRegionX) {
-
- if (Event.getPageX(p_oEvent) > nOptionRegionX) {
-
- this.addStateCSSClasses("hoveroption");
-
- }
- else {
-
- this.removeStateCSSClasses("hoveroption");
-
- }
-
- }
-
- },
-
- /**
- * @method _onMouseOut
- * @description "mouseout" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onMouseOut: function (p_oEvent) {
-
- var sType = this.get("type");
-
- this.removeStateCSSClasses("hover");
-
-
- if (sType != "menu") {
-
- this.removeStateCSSClasses("active");
-
- }
-
-
- if (this.isActive() || this._bOptionPressed) {
-
- Event.on(document, "mouseup", this._onDocumentMouseUp, null, this);
-
- }
-
-
- if (sType === "split" && (Event.getPageX(p_oEvent) > this._nOptionRegionX)) {
-
- this.removeStateCSSClasses("hoveroption");
-
- }
-
- },
-
-
- /**
- * @method _onDocumentMouseUp
- * @description "mouseup" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onDocumentMouseUp: function (p_oEvent) {
-
- this._activationButtonPressed = false;
- this._bOptionPressed = false;
-
- var sType = this.get("type"),
- oTarget,
- oMenuElement;
-
- if (sType == "menu" || sType == "split") {
-
- oTarget = Event.getTarget(p_oEvent);
- oMenuElement = this._menu.element;
-
- if (oTarget != oMenuElement &&
- !Dom.isAncestor(oMenuElement, oTarget)) {
-
- this.removeStateCSSClasses((sType == "menu" ?
- "active" : "activeoption"));
-
- this._hideMenu();
-
- }
-
- }
-
- Event.removeListener(document, "mouseup", this._onDocumentMouseUp);
-
- },
-
-
- /**
- * @method _onMouseDown
- * @description "mousedown" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onMouseDown: function (p_oEvent) {
-
- var sType,
- bReturnVal = true;
-
-
- function onMouseUp() {
-
- this._hideMenu();
- this.removeListener("mouseup", onMouseUp);
-
- }
-
-
- if ((p_oEvent.which || p_oEvent.button) == 1) {
-
-
- if (!this.hasFocus()) {
- Lang.later(0, this, this.focus);
- //this.focus();
- }
-
-
- sType = this.get("type");
-
-
- if (sType == "split") {
-
- if (Event.getPageX(p_oEvent) > this._nOptionRegionX) {
-
- this.fireEvent("option", p_oEvent);
- bReturnVal = false;
-
- }
- else {
-
- this.addStateCSSClasses("active");
-
- this._activationButtonPressed = true;
-
- }
-
- }
- else if (sType == "menu") {
-
- if (this.isActive()) {
-
- this._hideMenu();
-
- this._activationButtonPressed = false;
-
- }
- else {
-
- this._showMenu(p_oEvent);
-
- this._activationButtonPressed = true;
-
- }
-
- }
- else {
-
- this.addStateCSSClasses("active");
-
- this._activationButtonPressed = true;
-
- }
-
-
-
- if (sType == "split" || sType == "menu") {
-
- this._hideMenuTimer = Lang.later(250, this, this.on, ["mouseup", onMouseUp]);
-
- }
-
- }
-
- return bReturnVal;
-
- },
-
-
- /**
- * @method _onMouseUp
- * @description "mouseup" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onMouseUp: function (p_oEvent) {
- this.inMouseDown = false;
-
- var sType = this.get("type"),
- oHideMenuTimer = this._hideMenuTimer,
- bReturnVal = true;
-
-
- if (oHideMenuTimer) {
-
- oHideMenuTimer.cancel();
-
- }
-
-
- if (sType == "checkbox" || sType == "radio") {
- if ((p_oEvent.which || p_oEvent.button) != 1) {
- return;
- }
-
- this.set("checked", !(this.get("checked")));
-
- }
-
-
- this._activationButtonPressed = false;
-
-
- if (sType != "menu") {
-
- this.removeStateCSSClasses("active");
-
- }
-
-
- if (sType == "split" && Event.getPageX(p_oEvent) > this._nOptionRegionX) {
-
- bReturnVal = false;
-
- }
-
- return bReturnVal;
-
- },
-
-
- /**
- * @method _onFocus
- * @description "focus" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onFocus: function (p_oEvent) {
-
- var oElement;
-
- this.addStateCSSClasses("focus");
-
- if (this._activationKeyPressed) {
-
- this.addStateCSSClasses("active");
-
- }
-
- m_oFocusedButton = this;
-
-
- if (!this._hasKeyEventHandlers) {
-
- oElement = this._button;
-
- Event.on(oElement, "blur", this._onBlur, null, this);
- Event.on(oElement, "keydown", this._onKeyDown, null, this);
- Event.on(oElement, "keyup", this._onKeyUp, null, this);
-
- this._hasKeyEventHandlers = true;
-
- }
-
-
- this.fireEvent("focus", p_oEvent);
-
- },
-
-
- /**
- * @method _onBlur
- * @description "blur" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onBlur: function (p_oEvent) {
-
- this.removeStateCSSClasses("focus");
-
- if (this.get("type") != "menu") {
-
- this.removeStateCSSClasses("active");
-
- }
-
- if (this._activationKeyPressed) {
-
- Event.on(document, "keyup", this._onDocumentKeyUp, null, this);
-
- }
-
-
- m_oFocusedButton = null;
-
- this.fireEvent("blur", p_oEvent);
-
- },
-
-
- /**
- * @method _onDocumentKeyUp
- * @description "keyup" event handler for the document.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onDocumentKeyUp: function (p_oEvent) {
-
- if (this._isActivationKey(Event.getCharCode(p_oEvent))) {
-
- this._activationKeyPressed = false;
-
- Event.removeListener(document, "keyup", this._onDocumentKeyUp);
-
- }
-
- },
-
-
- /**
- * @method _onKeyDown
- * @description "keydown" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onKeyDown: function (p_oEvent) {
-
- var oMenu = this._menu;
-
-
- if (this.get("type") == "split" &&
- this._isSplitButtonOptionKey(p_oEvent)) {
-
- this.fireEvent("option", p_oEvent);
-
- }
- else if (this._isActivationKey(Event.getCharCode(p_oEvent))) {
-
- if (this.get("type") == "menu") {
-
- this._showMenu(p_oEvent);
-
- }
- else {
-
- this._activationKeyPressed = true;
-
- this.addStateCSSClasses("active");
-
- }
-
- }
-
-
- if (oMenu && oMenu.cfg.getProperty("visible") &&
- Event.getCharCode(p_oEvent) == 27) {
-
- oMenu.hide();
- this.focus();
-
- }
-
- },
-
-
- /**
- * @method _onKeyUp
- * @description "keyup" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onKeyUp: function (p_oEvent) {
-
- var sType;
-
- if (this._isActivationKey(Event.getCharCode(p_oEvent))) {
-
- sType = this.get("type");
-
- if (sType == "checkbox" || sType == "radio") {
-
- this.set("checked", !(this.get("checked")));
-
- }
-
- this._activationKeyPressed = false;
-
- if (this.get("type") != "menu") {
-
- this.removeStateCSSClasses("active");
-
- }
-
- }
-
- },
-
-
- /**
- * @method _onClick
- * @description "click" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onClick: function (p_oEvent) {
-
- var sType = this.get("type"),
- oForm,
- oSrcElement,
- bReturnVal;
-
-
- switch (sType) {
-
- case "submit":
-
- if (p_oEvent.returnValue !== false) {
-
- if (this.submitForm() == "requestSubmit") {
- // avoid double form submission in HtmlUnit
- Event.preventDefault(p_oEvent);
- }
- }
-
- break;
-
- case "reset":
-
- oForm = this.getForm();
-
- if (oForm) {
-
- oForm.reset();
-
- }
-
- break;
-
-
- case "split":
-
- if (this._nOptionRegionX > 0 &&
- (Event.getPageX(p_oEvent) > this._nOptionRegionX)) {
-
- bReturnVal = false;
-
- }
- else {
-
- this._hideMenu();
-
- oSrcElement = this.get("srcelement");
-
- if (oSrcElement && oSrcElement.type == "submit" &&
- p_oEvent.returnValue !== false) {
-
- this.submitForm();
-
- }
-
- }
-
- break;
-
- }
-
- return bReturnVal;
-
- },
-
-
- /**
- * @method _onDblClick
- * @description "dblclick" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onDblClick: function (p_oEvent) {
-
- var bReturnVal = true;
-
- if (this.get("type") == "split" && Event.getPageX(p_oEvent) > this._nOptionRegionX) {
-
- bReturnVal = false;
-
- }
-
- return bReturnVal;
-
- },
-
-
- /**
- * @method _onAppendTo
- * @description "appendTo" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onAppendTo: function (p_oEvent) {
-
- /*
- It is necessary to call "_addListenersToForm" using
- "setTimeout" to make sure that the button's "form" property
- returns a node reference. Sometimes, if you try to get the
- reference immediately after appending the field, it is null.
- */
-
- Lang.later(0, this, this._addListenersToForm);
-
- },
-
-
- /**
- * @method _onFormReset
- * @description "reset" event handler for the button's form.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event
- * object passed back by the event utility (YAHOO.util.Event).
- */
- _onFormReset: function (p_oEvent) {
-
- var sType = this.get("type"),
- oMenu = this._menu;
-
- if (sType == "checkbox" || sType == "radio") {
-
- this.resetValue("checked");
-
- }
-
-
- if (Menu && oMenu && (oMenu instanceof Menu)) {
-
- this.resetValue("selectedMenuItem");
-
- }
-
- },
-
-
- /**
- * @method _onFormSubmit
- * @description "submit" event handler for the button's form.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event
- * object passed back by the event utility (YAHOO.util.Event).
- */
- _onFormSubmit: function (p_oEvent) {
-
- this.createHiddenFields();
-
- },
-
-
- /**
- * @method _onDocumentMouseDown
- * @description "mousedown" event handler for the document.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onDocumentMouseDown: function (p_oEvent) {
-
- var oTarget = Event.getTarget(p_oEvent),
- oButtonElement = this.get("element"),
- oMenuElement = this._menu.element;
-
- function findTargetInSubmenus(aSubmenus) {
- var i, iMax, oSubmenuElement;
- if (!aSubmenus) {
- return true;
- }
- for (i = 0, iMax = aSubmenus.length; i < iMax; i++) {
- oSubmenuElement = aSubmenus[i].element;
- if (oTarget == oSubmenuElement || Dom.isAncestor(oSubmenuElement, oTarget)) {
- return true;
- }
- if (aSubmenus[i] && aSubmenus[i].getSubmenus) {
- if (findTargetInSubmenus(aSubmenus[i].getSubmenus())) {
- return true;
- }
- }
- }
-
- return false;
- }
-
- if (oTarget != oButtonElement &&
- !Dom.isAncestor(oButtonElement, oTarget) &&
- oTarget != oMenuElement &&
- !Dom.isAncestor(oMenuElement, oTarget)) {
-
-
- if (this._menu && this._menu.getSubmenus) {
- if (!findTargetInSubmenus(this._menu.getSubmenus())) {
- return;
- }
- }
-
-
- this._hideMenu();
-
- // In IE when the user mouses down on a focusable element
- // that element will be focused and become the "activeElement".
- // (http://msdn.microsoft.com/en-us/library/ms533065(VS.85).aspx)
- // However, there is a bug in IE where if there is a
- // positioned element with a focused descendant that is
- // hidden in response to the mousedown event, the target of
- // the mousedown event will appear to have focus, but will
- // not be set as the activeElement. This will result
- // in the element not firing key events, even though it
- // appears to have focus. The following call to "setActive"
- // fixes this bug.
-
- if (UA.ie && (UA.ie < 9) && oTarget.focus) {
- oTarget.setActive();
- }
-
- Event.removeListener(document, "mousedown",
- this._onDocumentMouseDown);
-
- }
-
- },
-
-
- /**
- * @method _onOption
- * @description "option" event handler for the button.
- * @protected
- * @param {Event} p_oEvent Object representing the DOM event object
- * passed back by the event utility (YAHOO.util.Event).
- */
- _onOption: function (p_oEvent) {
-
- if (this.hasClass(this.CLASS_NAME_PREFIX + "split-button-activeoption")) {
-
- this._hideMenu();
-
- this._bOptionPressed = false;
-
- }
- else {
-
- this._showMenu(p_oEvent);
-
- this._bOptionPressed = true;
-
- }
-
- },
-
-
- /**
- * @method _onMenuShow
- * @description "show" event handler for the button's menu.
- * @private
- * @param {String} p_sType String representing the name of the event
- * that was fired.
- */
- _onMenuShow: function (p_sType) {
-
- Event.on(document, "mousedown", this._onDocumentMouseDown,
- null, this);
-
- var sState = (this.get("type") == "split") ? "activeoption" : "active";
-
- this.addStateCSSClasses(sState);
-
- },
-
-
- /**
- * @method _onMenuHide
- * @description "hide" event handler for the button's menu.
- * @private
- * @param {String} p_sType String representing the name of the event
- * that was fired.
- */
- _onMenuHide: function (p_sType) {
-
- var sState = (this.get("type") == "split") ? "activeoption" : "active";
-
- this.removeStateCSSClasses(sState);
-
-
- if (this.get("type") == "split") {
-
- this._bOptionPressed = false;
-
- }
-
- },
-
-
- /**
- * @method _onMenuKeyDown
- * @description "keydown" event handler for the button's menu.
- * @private
- * @param {String} p_sType String representing the name of the event
- * that was fired.
- * @param {Array} p_aArgs Array of arguments sent when the event
- * was fired.
- */
- _onMenuKeyDown: function (p_sType, p_aArgs) {
-
- var oEvent = p_aArgs[0];
-
- if (Event.getCharCode(oEvent) == 27) {
-
- this.focus();
-
- if (this.get("type") == "split") {
-
- this._bOptionPressed = false;
-
- }
-
- }
-
- },
-
-
- /**
- * @method _onMenuRender
- * @description "render" event handler for the button's menu.
- * @private
- * @param {String} p_sType String representing the name of the
- * event thatwas fired.
- */
- _onMenuRender: function (p_sType) {
-
- var oButtonElement = this.get("element"),
- oButtonParent = oButtonElement.parentNode,
- oMenu = this._menu,
- oMenuElement = oMenu.element,
- oSrcElement = oMenu.srcElement,
- oItem;
-
-
- if (oButtonParent != oMenuElement.parentNode) {
-
- oButtonParent.appendChild(oMenuElement);
-
- }
-
- this._renderedMenu = true;
-
- // If the user has designated an