= this.depth || depth < 0) { this.logger.log("illegal getAncestor depth: " + depth); return null; } var p = this.parent; while (p.depth > depth) { p = p.parent; } return p; }, /** * Returns the css class for the spacer at the specified depth for * this node. If this node's ancestor at the specified depth * has a next sibling the presentation is different than if it * does not have a next sibling * @method getDepthStyle * @param {int} depth the depth of the ancestor. * @return {string} the css class for the spacer */ getDepthStyle: function(depth) { return (this.getAncestor(depth).nextSibling) ? "ygtvdepthcell" : "ygtvblankdepthcell"; }, /** * Get the markup for the node. This may be overrided so that we can * support different types of nodes. * @method getNodeHtml * @return {string} The HTML that will render this node. */ getNodeHtml: function() { this.logger.log("Generating html"); var sb = []; sb[sb.length] = ''; for (var i=0;i

'; } if (this.hasIcon) { sb[sb.length] = ''; } sb[sb.length] = '

0; }, /** * Removes the focus of previously selected Node * @method _removeFocus * @private */ _removeFocus:function () { if (this._focusedItem) { Event.removeListener(this._focusedItem,'blur'); this._focusedItem = null; } var el; while ((el = this._focusHighlightedItems.shift())) { // yes, it is meant as an assignment, really Dom.removeClass(el,YAHOO.widget.TreeView.FOCUS_CLASS_NAME ); } }, /** * Sets the focus on the node element. * It will only be able to set the focus on nodes that have anchor elements in it. * Toggle or branch icons have anchors and can be focused on. * If will fail in nodes that have no anchor * @method focus * @return {boolean} success */ focus: function () { var focused = false, self = this; if (this.tree.currentFocus) { this.tree.currentFocus._removeFocus(); } var expandParent = function (node) { if (node.parent) { expandParent(node.parent); node.parent.expand(); } }; expandParent(this); Dom.getElementsBy ( function (el) { return (/ygtv(([tl][pmn]h?)|(content))/).test(el.className); } , 'td' , self.getEl().firstChild , function (el) { Dom.addClass(el, YAHOO.widget.TreeView.FOCUS_CLASS_NAME ); if (!focused) { var aEl = el.getElementsByTagName('a'); if (aEl.length) { aEl = aEl[0]; aEl.focus(); self._focusedItem = aEl; Event.on(aEl,'blur',function () { //console.log('f1'); self.tree.fireEvent('focusChanged',{oldNode:self.tree.currentFocus,newNode:null}); self.tree.currentFocus = null; self._removeFocus(); }); focused = true; } } self._focusHighlightedItems.push(el); } ); if (focused) { //console.log('f2'); this.tree.fireEvent('focusChanged',{oldNode:this.tree.currentFocus,newNode:this}); this.tree.currentFocus = this; } else { //console.log('f3'); this.tree.fireEvent('focusChanged',{oldNode:self.tree.currentFocus,newNode:null}); this.tree.currentFocus = null; this._removeFocus(); } return focused; }, /** * Count of nodes in a branch * @method getNodeCount * @return {int} number of nodes in the branch */ getNodeCount: function() { for (var i = 0, count = 0;i< this.children.length;i++) { count += this.children[i].getNodeCount(); } return count + 1; }, /** * Returns an object which could be used to build a tree out of this node and its children. * It can be passed to the tree constructor to reproduce this node as a tree. * It will return false if the node or any children loads dynamically, regardless of whether it is loaded or not. * @method getNodeDefinition * @return {Object | false} definition of the tree or false if the node or any children is defined as dynamic */ getNodeDefinition: function() { if (this.isDynamic()) { return false; } var def, defs = Lang.merge(this.data), children = []; if (this.expanded) {defs.expanded = this.expanded; } if (!this.multiExpand) { defs.multiExpand = this.multiExpand; } if (!this.renderHidden) { defs.renderHidden = this.renderHidden; } if (!this.hasIcon) { defs.hasIcon = this.hasIcon; } if (this.nowrap) { defs.nowrap = this.nowrap; } if (this.className) { defs.className = this.className; } if (this.editable) { defs.editable = this.editable; } if (this.enableHighlight) { defs.enableHighlight = this.enableHighlight; } if (this.highlightState) { defs.highlightState = this.highlightState; } if (this.propagateHighlightUp) { defs.propagateHighlightUp = this.propagateHighlightUp; } if (this.propagateHighlightDown) { defs.propagateHighlightDown = this.propagateHighlightDown; } defs.type = this._type; for (var i = 0; i < this.children.length;i++) { def = this.children[i].getNodeDefinition(); if (def === false) { return false;} children.push(def); } if (children.length) { defs.children = children; } return defs; }, /** * Generates the link that will invoke this node's toggle method * @method getToggleLink * @return {string} the javascript url for toggling this node */ getToggleLink: function() { return 'return false;'; }, /** * Sets the value of property for this node and all loaded descendants. * Only public and defined properties can be set, not methods. * Values for unknown properties will be assigned to the refNode.data object * @method setNodesProperty * @param name {string} Name of the property to be set * @param value {any} value to be set * @param refresh {boolean} if present and true, it does a refresh */ setNodesProperty: function(name, value, refresh) { if (name.charAt(0) != '_' && !Lang.isUndefined(this[name]) && !Lang.isFunction(this[name]) ) { this[name] = value; } else { this.data[name] = value; } for (var i = 0; i < this.children.length;i++) { this.children[i].setNodesProperty(name,value); } if (refresh) { this.refresh(); } }, /** * Toggles the highlighted state of a Node * @method toggleHighlight */ toggleHighlight: function() { if (this.enableHighlight) { // unhighlights only if fully highligthed. For not or partially highlighted it will highlight if (this.highlightState == 1) { this.unhighlight(); } else { this.highlight(); } } }, /** * Turns highlighting on node. * @method highlight * @param _silent {boolean} optional, don't fire the highlightEvent */ highlight: function(_silent) { if (this.enableHighlight) { if (this.tree.singleNodeHighlight) { if (this.tree._currentlyHighlighted) { this.tree._currentlyHighlighted.unhighlight(_silent); } this.tree._currentlyHighlighted = this; } this.highlightState = 1; this._setHighlightClassName(); if (!this.tree.singleNodeHighlight) { if (this.propagateHighlightDown) { for (var i = 0;i < this.children.length;i++) { this.children[i].highlight(true); } } if (this.propagateHighlightUp) { if (this.parent) { this.parent._childrenHighlighted(); } } } if (!_silent) { this.tree.fireEvent('highlightEvent',this); } } }, /** * Turns highlighting off a node. * @method unhighlight * @param _silent {boolean} optional, don't fire the highlightEvent */ unhighlight: function(_silent) { if (this.enableHighlight) { // might have checked singleNodeHighlight but it wouldn't really matter either way this.tree._currentlyHighlighted = null; this.highlightState = 0; this._setHighlightClassName(); if (!this.tree.singleNodeHighlight) { if (this.propagateHighlightDown) { for (var i = 0;i < this.children.length;i++) { this.children[i].unhighlight(true); } } if (this.propagateHighlightUp) { if (this.parent) { this.parent._childrenHighlighted(); } } } if (!_silent) { this.tree.fireEvent('highlightEvent',this); } } }, /** * Checks whether all or part of the children of a node are highlighted and * sets the node highlight to full, none or partial highlight. * If set to propagate it will further call the parent * @method _childrenHighlighted * @private */ _childrenHighlighted: function() { var yes = false, no = false; if (this.enableHighlight) { for (var i = 0;i < this.children.length;i++) { switch(this.children[i].highlightState) { case 0: no = true; break; case 1: yes = true; break; case 2: yes = no = true; break; } } if (yes && no) { this.highlightState = 2; } else if (yes) { this.highlightState = 1; } else { this.highlightState = 0; } this._setHighlightClassName(); if (this.propagateHighlightUp) { if (this.parent) { this.parent._childrenHighlighted(); } } } }, /** * Changes the classNames on the toggle and content containers to reflect the current highlighting * @method _setHighlightClassName * @private */ _setHighlightClassName: function() { var el = Dom.get('ygtvtableel' + this.index); if (el) { el.className = el.className.replace(/\bygtv-highlight\d\b/gi,'ygtv-highlight' + this.highlightState); } } }; YAHOO.augment(YAHOO.widget.Node, YAHOO.util.EventProvider); })(); /** * A custom YAHOO.widget.Node that handles the unique nature of * the virtual, presentationless root node. * @namespace YAHOO.widget * @class RootNode * @extends YAHOO.widget.Node * @param oTree {YAHOO.widget.TreeView} The tree instance this node belongs to * @constructor */ YAHOO.widget.RootNode = function(oTree) { // Initialize the node with null params. The root node is a // special case where the node has no presentation. So we have // to alter the standard properties a bit. this.init(null, null, true); /* * For the root node, we get the tree reference from as a param * to the constructor instead of from the parent element. */ this.tree = oTree; }; YAHOO.extend(YAHOO.widget.RootNode, YAHOO.widget.Node, { /** * The node type * @property _type * @type string * @private * @default "RootNode" */ _type: "RootNode", // overrides YAHOO.widget.Node getNodeHtml: function() { return ""; }, toString: function() { return this._type; }, loadComplete: function() { this.tree.draw(); }, /** * Count of nodes in tree. * It overrides Nodes.getNodeCount because the root node should not be counted. * @method getNodeCount * @return {int} number of nodes in the tree */ getNodeCount: function() { for (var i = 0, count = 0;i< this.children.length;i++) { count += this.children[i].getNodeCount(); } return count; }, /** * Returns an object which could be used to build a tree out of this node and its children. * It can be passed to the tree constructor to reproduce this node as a tree. * Since the RootNode is automatically created by treeView, * its own definition is excluded from the returned node definition * which only contains its children. * @method getNodeDefinition * @return {Object | false} definition of the tree or false if any child node is defined as dynamic */ getNodeDefinition: function() { for (var def, defs = [], i = 0; i < this.children.length;i++) { def = this.children[i].getNodeDefinition(); if (def === false) { return false;} defs.push(def); } return defs; }, collapse: function() {}, expand: function() {}, getSiblings: function() { return null; }, focus: function () {} }); (function () { var Dom = YAHOO.util.Dom, Lang = YAHOO.lang, Event = YAHOO.util.Event; /** * The default node presentation. The first parameter should be * either a string that will be used as the node's label, or an object * that has at least a string property called label. By default, clicking the * label will toggle the expanded/collapsed state of the node. By * setting the href property of the instance, this behavior can be * changed so that the label will go to the specified href. * @namespace YAHOO.widget * @class TextNode * @extends YAHOO.widget.Node * @constructor * @param oData {object} a string or object containing the data that will * be used to render this node. * Providing a string is the same as providing an object with a single property named label. * All values in the oData will be used to set equally named properties in the node * as long as the node does have such properties, they are not undefined, private or functions. * All attributes are made available in noderef.data, which * can be used to store custom attributes. TreeView.getNode(s)ByProperty * can be used to retrieve a node by one of the attributes. * @param oParent {YAHOO.widget.Node} this node's parent node * @param expanded {boolean} the initial expanded/collapsed state (deprecated; use oData.expanded) */ YAHOO.widget.TextNode = function(oData, oParent, expanded) { if (oData) { if (Lang.isString(oData)) { oData = { label: oData }; } this.init(oData, oParent, expanded); this.setUpLabel(oData); } this.logger = new YAHOO.widget.LogWriter(this.toString()); }; YAHOO.extend(YAHOO.widget.TextNode, YAHOO.widget.Node, { /** * The CSS class for the label href. Defaults to ygtvlabel, but can be * overridden to provide a custom presentation for a specific node. * @property labelStyle * @type string */ labelStyle: "ygtvlabel", /** * The derived element id of the label for this node * @property labelElId * @type string */ labelElId: null, /** * The text for the label. It is assumed that the oData parameter will * either be a string that will be used as the label, or an object that * has a property called "label" that we will use. * @property label * @type string */ label: null, /** * The text for the title (tooltip) for the label element * @property title * @type string */ title: null, /** * The href for the node's label. If one is not specified, the href will * be set so that it toggles the node. * @property href * @type string */ href: null, /** * The label href target, defaults to current window * @property target * @type string */ target: "_self", /** * The node type * @property _type * @private * @type string * @default "TextNode" */ _type: "TextNode", /** * Sets up the node label * @method setUpLabel * @param oData string containing the label, or an object with a label property */ setUpLabel: function(oData) { if (Lang.isString(oData)) { oData = { label: oData }; } else { if (oData.style) { this.labelStyle = oData.style; } } this.label = oData.label; this.labelElId = "ygtvlabelel" + this.index; }, /** * Returns the label element * @for YAHOO.widget.TextNode * @method getLabelEl * @return {object} the element */ getLabelEl: function() { return Dom.get(this.labelElId); }, // overrides YAHOO.widget.Node getContentHtml: function() { var sb = []; sb[sb.length] = this.href?'':''; return sb.join(""); }, /** * Returns an object which could be used to build a tree out of this node and its children. * It can be passed to the tree constructor to reproduce this node as a tree. * It will return false if the node or any descendant loads dynamically, regardless of whether it is loaded or not. * @method getNodeDefinition * @return {Object | false} definition of the tree or false if this node or any descendant is defined as dynamic */ getNodeDefinition: function() { var def = YAHOO.widget.TextNode.superclass.getNodeDefinition.call(this); if (def === false) { return false; } // Node specific properties def.label = this.label; if (this.labelStyle != 'ygtvlabel') { def.style = this.labelStyle; } if (this.title) { def.title = this.title; } if (this.href) { def.href = this.href; } if (this.target != '_self') { def.target = this.target; } return def; }, toString: function() { return YAHOO.widget.TextNode.superclass.toString.call(this) + ": " + this.label; }, // deprecated onLabelClick: function() { return false; }, refresh: function() { YAHOO.widget.TextNode.superclass.refresh.call(this); var label = this.getLabelEl(); label.innerHTML = this.label; if (label.tagName.toUpperCase() == 'A') { label.href = this.href; label.target = this.target; } } }); })(); /** * A menu-specific implementation that differs from TextNode in that only * one sibling can be expanded at a time. * @namespace YAHOO.widget * @class MenuNode * @extends YAHOO.widget.TextNode * @param oData {object} a string or object containing the data that will * be used to render this node. * Providing a string is the same as providing an object with a single property named label. * All values in the oData will be used to set equally named properties in the node * as long as the node does have such properties, they are not undefined, private or functions. * All attributes are made available in noderef.data, which * can be used to store custom attributes. TreeView.getNode(s)ByProperty * can be used to retrieve a node by one of the attributes. * @param oParent {YAHOO.widget.Node} this node's parent node * @param expanded {boolean} the initial expanded/collapsed state (deprecated; use oData.expanded) * @constructor */ YAHOO.widget.MenuNode = function(oData, oParent, expanded) { YAHOO.widget.MenuNode.superclass.constructor.call(this,oData,oParent,expanded); /* * Menus usually allow only one branch to be open at a time. */ this.multiExpand = false; }; YAHOO.extend(YAHOO.widget.MenuNode, YAHOO.widget.TextNode, { /** * The node type * @property _type * @private * @default "MenuNode" */ _type: "MenuNode" }); (function () { var Dom = YAHOO.util.Dom, Lang = YAHOO.lang, Event = YAHOO.util.Event; /** * This implementation takes either a string or object for the * oData argument. If is it a string, it will use it for the display * of this node (and it can contain any html code). If the parameter * is an object,it looks for a parameter called "html" that will be * used for this node's display. * @namespace YAHOO.widget * @class HTMLNode * @extends YAHOO.widget.Node * @constructor * @param oData {object} a string or object containing the data that will * be used to render this node. * Providing a string is the same as providing an object with a single property named html. * All values in the oData will be used to set equally named properties in the node * as long as the node does have such properties, they are not undefined, private or functions. * All other attributes are made available in noderef.data, which * can be used to store custom attributes. TreeView.getNode(s)ByProperty * can be used to retrieve a node by one of the attributes. * @param oParent {YAHOO.widget.Node} this node's parent node * @param expanded {boolean} the initial expanded/collapsed state (deprecated; use oData.expanded) * @param hasIcon {boolean} specifies whether or not leaf nodes should * be rendered with or without a horizontal line line and/or toggle icon. If the icon * is not displayed, the content fills the space it would have occupied. * This option operates independently of the leaf node presentation logic * for dynamic nodes. * (deprecated; use oData.hasIcon) */ YAHOO.widget.HTMLNode = function(oData, oParent, expanded, hasIcon) { if (oData) { this.init(oData, oParent, expanded); this.initContent(oData, hasIcon); } }; YAHOO.extend(YAHOO.widget.HTMLNode, YAHOO.widget.Node, { /** * The CSS class for the html content container. Defaults to ygtvhtml, but * can be overridden to provide a custom presentation for a specific node. * @property contentStyle * @type string */ contentStyle: "ygtvhtml", /** * The HTML content to use for this node's display * @property html * @type string */ html: null, /** * The node type * @property _type * @private * @type string * @default "HTMLNode" */ _type: "HTMLNode", /** * Sets up the node label * @property initContent * @param oData {object} An html string or object containing an html property * @param hasIcon {boolean} determines if the node will be rendered with an * icon or not */ initContent: function(oData, hasIcon) { this.setHtml(oData); this.contentElId = "ygtvcontentel" + this.index; if (!Lang.isUndefined(hasIcon)) { this.hasIcon = hasIcon; } this.logger = new YAHOO.widget.LogWriter(this.toString()); }, /** * Synchronizes the node.html, and the node's content * @property setHtml * @param o {object} An html string or object containing an html property */ setHtml: function(o) { this.html = (typeof o === "string") ? o : o.html; var el = this.getContentEl(); if (el) { el.innerHTML = this.html; } }, // overrides YAHOO.widget.Node getContentHtml: function() { return this.html; }, /** * Returns an object which could be used to build a tree out of this node and its children. * It can be passed to the tree constructor to reproduce this node as a tree. * It will return false if any node loads dynamically, regardless of whether it is loaded or not. * @method getNodeDefinition * @return {Object | false} definition of the tree or false if any node is defined as dynamic */ getNodeDefinition: function() { var def = YAHOO.widget.HTMLNode.superclass.getNodeDefinition.call(this); if (def === false) { return false; } def.html = this.html; return def; } }); })(); (function () { var Dom = YAHOO.util.Dom, Lang = YAHOO.lang, Event = YAHOO.util.Event, Calendar = YAHOO.widget.Calendar; /** * A Date-specific implementation that differs from TextNode in that it uses * YAHOO.widget.Calendar as an in-line editor, if available * If Calendar is not available, it behaves as a plain TextNode. * @namespace YAHOO.widget * @class DateNode * @extends YAHOO.widget.TextNode * @param oData {object} a string or object containing the data that will * be used to render this node. * Providing a string is the same as providing an object with a single property named label. * All values in the oData will be used to set equally named properties in the node * as long as the node does have such properties, they are not undefined, private nor functions. * All attributes are made available in noderef.data, which * can be used to store custom attributes. TreeView.getNode(s)ByProperty * can be used to retrieve a node by one of the attributes. * @param oParent {YAHOO.widget.Node} this node's parent node * @param expanded {boolean} the initial expanded/collapsed state (deprecated; use oData.expanded) * @constructor */ YAHOO.widget.DateNode = function(oData, oParent, expanded) { YAHOO.widget.DateNode.superclass.constructor.call(this,oData, oParent, expanded); }; YAHOO.extend(YAHOO.widget.DateNode, YAHOO.widget.TextNode, { /** * The node type * @property _type * @type string * @private * @default "DateNode" */ _type: "DateNode", /** * Configuration object for the Calendar editor, if used. * See http://developer.yahoo.com/yui/calendar/#internationalization * @property calendarConfig */ calendarConfig: null, /** * If YAHOO.widget.Calendar is available, it will pop up a Calendar to enter a new date. Otherwise, it falls back to a plain <input> textbox * @method fillEditorContainer * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return void */ fillEditorContainer: function (editorData) { var cal, container = editorData.inputContainer; if (Lang.isUndefined(Calendar)) { Dom.replaceClass(editorData.editorPanel,'ygtv-edit-DateNode','ygtv-edit-TextNode'); YAHOO.widget.DateNode.superclass.fillEditorContainer.call(this, editorData); return; } if (editorData.nodeType != this._type) { editorData.nodeType = this._type; editorData.saveOnEnter = false; editorData.node.destroyEditorContents(editorData); editorData.inputObject = cal = new Calendar(container.appendChild(document.createElement('div'))); if (this.calendarConfig) { cal.cfg.applyConfig(this.calendarConfig,true); cal.cfg.fireQueue(); } cal.selectEvent.subscribe(function () { this.tree._closeEditor(true); },this,true); } else { cal = editorData.inputObject; } editorData.oldValue = this.label; cal.cfg.setProperty("selected",this.label, false); var delim = cal.cfg.getProperty('DATE_FIELD_DELIMITER'); var pageDate = this.label.split(delim); cal.cfg.setProperty('pagedate',pageDate[cal.cfg.getProperty('MDY_MONTH_POSITION') -1] + delim + pageDate[cal.cfg.getProperty('MDY_YEAR_POSITION') -1]); cal.cfg.fireQueue(); cal.render(); cal.oDomContainer.focus(); }, /** * Returns the value from the input element. * Overrides Node.getEditorValue. * @method getEditorValue * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return {string} date entered */ getEditorValue: function (editorData) { if (Lang.isUndefined(Calendar)) { return editorData.inputElement.value; } else { var cal = editorData.inputObject, date = cal.getSelectedDates()[0], dd = []; dd[cal.cfg.getProperty('MDY_DAY_POSITION') -1] = date.getDate(); dd[cal.cfg.getProperty('MDY_MONTH_POSITION') -1] = date.getMonth() + 1; dd[cal.cfg.getProperty('MDY_YEAR_POSITION') -1] = date.getFullYear(); return dd.join(cal.cfg.getProperty('DATE_FIELD_DELIMITER')); } }, /** * Finally displays the newly entered date in the tree. * Overrides Node.displayEditedValue. * @method displayEditedValue * @param value {string} date to be displayed and stored in the node * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information */ displayEditedValue: function (value,editorData) { var node = editorData.node; node.label = value; node.getLabelEl().innerHTML = value; }, /** * Returns an object which could be used to build a tree out of this node and its children. * It can be passed to the tree constructor to reproduce this node as a tree. * It will return false if the node or any descendant loads dynamically, regardless of whether it is loaded or not. * @method getNodeDefinition * @return {Object | false} definition of the node or false if this node or any descendant is defined as dynamic */ getNodeDefinition: function() { var def = YAHOO.widget.DateNode.superclass.getNodeDefinition.call(this); if (def === false) { return false; } if (this.calendarConfig) { def.calendarConfig = this.calendarConfig; } return def; } }); })(); (function () { var Dom = YAHOO.util.Dom, Lang = YAHOO.lang, Event = YAHOO.util.Event, TV = YAHOO.widget.TreeView, TVproto = TV.prototype; /** * An object to store information used for in-line editing * for all Nodes of all TreeViews. It contains: *

active {boolean}, whether there is an active cell editor
whoHasIt {YAHOO.widget.TreeView} TreeView instance that is currently using the editor
nodeType {string} value of static Node._type property, allows reuse of input element if node is of the same type.
editorPanel {HTMLelement (<div>)} element holding the in-line editor
inputContainer {HTMLelement (<div>)} element which will hold the type-specific input element(s) to be filled by the fillEditorContainer method
buttonsContainer {HTMLelement (<div>)} element which holds the <button> elements for Ok/Cancel. If you don't want any of the buttons, hide it via CSS styles, don't destroy it
node {YAHOO.widget.Node} reference to the Node being edited
saveOnEnter {boolean}, whether the Enter key should be accepted as a Save command (Esc. is always taken as Cancel), disable for multi-line input elements
oldValue {any} value before editing

* Editors are free to use this object to store additional data. * @property editorData * @static * @for YAHOO.widget.TreeView */ TV.editorData = { active:false, whoHasIt:null, // which TreeView has it nodeType:null, editorPanel:null, inputContainer:null, buttonsContainer:null, node:null, // which Node is being edited saveOnEnter:true, oldValue:undefined // Each node type is free to add its own properties to this as it sees fit. }; /** * Validator function for edited data, called from the TreeView instance scope, * receives the arguments (newValue, oldValue, nodeInstance) * and returns either the validated (or type-converted) value or undefined. * An undefined return will prevent the editor from closing * @property validator * @type function * @default null * @for YAHOO.widget.TreeView */ TVproto.validator = null; /** * Entry point for initializing the editing plug-in. * TreeView will call this method on initializing if it exists * @method _initEditor * @for YAHOO.widget.TreeView * @private */ TVproto._initEditor = function () { /** * Fires when the user clicks on the ok button of a node editor * @event editorSaveEvent * @type CustomEvent * @param oArgs.newValue {mixed} the new value just entered * @param oArgs.oldValue {mixed} the value originally in the tree * @param oArgs.node {YAHOO.widget.Node} the node that has the focus * @for YAHOO.widget.TreeView */ this.createEvent("editorSaveEvent", this); /** * Fires when the user clicks on the cancel button of a node editor * @event editorCancelEvent * @type CustomEvent * @param {YAHOO.widget.Node} node the node that has the focus * @for YAHOO.widget.TreeView */ this.createEvent("editorCancelEvent", this); }; /** * Entry point of the editing plug-in. * TreeView will call this method if it exists when a node label is clicked * @method _nodeEditing * @param node {YAHOO.widget.Node} the node to be edited * @return {Boolean} true to indicate that the node is editable and prevent any further bubbling of the click. * @for YAHOO.widget.TreeView * @private */ TVproto._nodeEditing = function (node) { if (node.fillEditorContainer && node.editable) { var ed, topLeft, buttons, button, editorData = TV.editorData; editorData.active = true; editorData.whoHasIt = this; if (!editorData.nodeType) { editorData.editorPanel = ed = document.body.appendChild(document.createElement('div')); Dom.addClass(ed,'ygtv-label-editor'); buttons = editorData.buttonsContainer = ed.appendChild(document.createElement('div')); Dom.addClass(buttons,'ygtv-button-container'); button = buttons.appendChild(document.createElement('button')); Dom.addClass(button,'ygtvok'); button.innerHTML = ' '; button = buttons.appendChild(document.createElement('button')); Dom.addClass(button,'ygtvcancel'); button.innerHTML = ' '; Event.on(buttons, 'click', function (ev) { this.logger.log('click on editor'); var target = Event.getTarget(ev); var node = TV.editorData.node; if (Dom.hasClass(target,'ygtvok')) { node.logger.log('ygtvok'); Event.stopEvent(ev); this._closeEditor(true); } if (Dom.hasClass(target,'ygtvcancel')) { node.logger.log('ygtvcancel'); Event.stopEvent(ev); this._closeEditor(false); } }, this, true); editorData.inputContainer = ed.appendChild(document.createElement('div')); Dom.addClass(editorData.inputContainer,'ygtv-input'); Event.on(ed,'keydown',function (ev) { var editorData = TV.editorData, KEY = YAHOO.util.KeyListener.KEY; switch (ev.keyCode) { case KEY.ENTER: this.logger.log('ENTER'); Event.stopEvent(ev); if (editorData.saveOnEnter) { this._closeEditor(true); } break; case KEY.ESCAPE: this.logger.log('ESC'); Event.stopEvent(ev); this._closeEditor(false); break; } },this,true); } else { ed = editorData.editorPanel; } editorData.node = node; if (editorData.nodeType) { Dom.removeClass(ed,'ygtv-edit-' + editorData.nodeType); } Dom.addClass(ed,' ygtv-edit-' + node._type); topLeft = Dom.getXY(node.getContentEl()); Dom.setStyle(ed,'left',topLeft[0] + 'px'); Dom.setStyle(ed,'top',topLeft[1] + 'px'); Dom.setStyle(ed,'display','block'); ed.focus(); node.fillEditorContainer(editorData); return true; // If inline editor available, don't do anything else. } }; /** * Method to be associated with an event (clickEvent, dblClickEvent or enterKeyPressed) to pop up the contents editor * It calls the corresponding node editNode method. * @method onEventEditNode * @param oArgs {object} Object passed as arguments to TreeView event listeners * @for YAHOO.widget.TreeView */ TVproto.onEventEditNode = function (oArgs) { if (oArgs instanceof YAHOO.widget.Node) { oArgs.editNode(); } else if (oArgs.node instanceof YAHOO.widget.Node) { oArgs.node.editNode(); } }; /** * Method to be called when the inline editing is finished and the editor is to be closed * @method _closeEditor * @param save {Boolean} true if the edited value is to be saved, false if discarded * @private * @for YAHOO.widget.TreeView */ TVproto._closeEditor = function (save) { var ed = TV.editorData, node = ed.node, close = true; if (save) { close = ed.node.saveEditorValue(ed) !== false; } else { this.fireEvent( 'editorCancelEvent', node); } if (close) { Dom.setStyle(ed.editorPanel,'display','none'); ed.active = false; node.focus(); } }; /** * Entry point for TreeView's destroy method to destroy whatever the editing plug-in has created * @method _destroyEditor * @private * @for YAHOO.widget.TreeView */ TVproto._destroyEditor = function() { var ed = TV.editorData; if (ed && ed.nodeType && (!ed.active || ed.whoHasIt === this)) { Event.removeListener(ed.editorPanel,'keydown'); Event.removeListener(ed.buttonContainer,'click'); ed.node.destroyEditorContents(ed); document.body.removeChild(ed.editorPanel); ed.nodeType = ed.editorPanel = ed.inputContainer = ed.buttonsContainer = ed.whoHasIt = ed.node = null; ed.active = false; } }; var Nproto = YAHOO.widget.Node.prototype; /** * Signals if the label is editable. (Ignored on TextNodes with href set.) * @property editable * @type boolean * @for YAHOO.widget.Node */ Nproto.editable = false; /** * pops up the contents editor, if there is one and the node is declared editable * @method editNode * @for YAHOO.widget.Node */ Nproto.editNode = function () { this.tree._nodeEditing(this); }; /** Placeholder for a function that should provide the inline node label editor. * Leaving it set to null will indicate that this node type is not editable. * It should be overridden by nodes that provide inline editing. * The Node-specific editing element (input box, textarea or whatever) should be inserted into editorData.inputContainer. * @method fillEditorContainer * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return void * @for YAHOO.widget.Node */ Nproto.fillEditorContainer = null; /** * Node-specific destroy function to empty the contents of the inline editor panel. * This function is the worst case alternative that will purge all possible events and remove the editor contents. * Method Event.purgeElement is somewhat costly so if it can be replaced by specifc Event.removeListeners, it is better to do so. * @method destroyEditorContents * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @for YAHOO.widget.Node */ Nproto.destroyEditorContents = function (editorData) { // In the worst case, if the input editor (such as the Calendar) has no destroy method // we can only try to remove all possible events on it. Event.purgeElement(editorData.inputContainer,true); editorData.inputContainer.innerHTML = ''; }; /** * Saves the value entered into the editor. * @method saveEditorValue * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return {false or none} a return of exactly false will prevent the editor from closing * @for YAHOO.widget.Node */ Nproto.saveEditorValue = function (editorData) { var node = editorData.node, value, validator = node.tree.validator; value = this.getEditorValue(editorData); if (Lang.isFunction(validator)) { value = validator(value,editorData.oldValue,node); if (Lang.isUndefined(value)) { return false; } } if (this.tree.fireEvent( 'editorSaveEvent', { newValue:value, oldValue:editorData.oldValue, node:node }) !== false) { this.displayEditedValue(value,editorData); } }; /** * Returns the value(s) from the input element(s) . * Should be overridden by each node type. * @method getEditorValue * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return {any} value entered * @for YAHOO.widget.Node */ Nproto.getEditorValue = function (editorData) { }; /** * Finally displays the newly edited value(s) in the tree. * Should be overridden by each node type. * @method displayEditedValue * @param value {any} value to be displayed and stored in the node * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @for YAHOO.widget.Node */ Nproto.displayEditedValue = function (value,editorData) { }; var TNproto = YAHOO.widget.TextNode.prototype; /** * Places an <input> textbox in the input container and loads the label text into it. * @method fillEditorContainer * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return void * @for YAHOO.widget.TextNode */ TNproto.fillEditorContainer = function (editorData) { var input; // If last node edited is not of the same type as this one, delete it and fill it with our editor if (editorData.nodeType != this._type) { editorData.nodeType = this._type; editorData.saveOnEnter = true; editorData.node.destroyEditorContents(editorData); editorData.inputElement = input = editorData.inputContainer.appendChild(document.createElement('input')); } else { // if the last node edited was of the same time, reuse the input element. input = editorData.inputElement; } editorData.oldValue = this.label; input.value = this.label; input.focus(); input.select(); }; /** * Returns the value from the input element. * Overrides Node.getEditorValue. * @method getEditorValue * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @return {string} value entered * @for YAHOO.widget.TextNode */ TNproto.getEditorValue = function (editorData) { return editorData.inputElement.value; }; /** * Finally displays the newly edited value in the tree. * Overrides Node.displayEditedValue. * @method displayEditedValue * @param value {string} value to be displayed and stored in the node * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @for YAHOO.widget.TextNode */ TNproto.displayEditedValue = function (value,editorData) { var node = editorData.node; node.label = value; node.getLabelEl().innerHTML = value; }; /** * Destroys the contents of the inline editor panel. * Overrides Node.destroyEditorContent. * Since we didn't set any event listeners on this inline editor, it is more efficient to avoid the generic method in Node. * @method destroyEditorContents * @param editorData {YAHOO.widget.TreeView.editorData} a shortcut to the static object holding editing information * @for YAHOO.widget.TextNode */ TNproto.destroyEditorContents = function (editorData) { editorData.inputContainer.innerHTML = ''; }; })(); /** * A static factory class for tree view expand/collapse animations * @class TVAnim * @static */ YAHOO.widget.TVAnim = function() { return { /** * Constant for the fade in animation * @property FADE_IN * @type string * @static */ FADE_IN: "TVFadeIn", /** * Constant for the fade out animation * @property FADE_OUT * @type string * @static */ FADE_OUT: "TVFadeOut", /** * Returns a ygAnim instance of the given type * @method getAnim * @param type {string} the type of animation * @param el {HTMLElement} the element to element (probably the children div) * @param callback {function} function to invoke when the animation is done. * @return {YAHOO.util.Animation} the animation instance * @static */ getAnim: function(type, el, callback) { if (YAHOO.widget[type]) { return new YAHOO.widget[type](el, callback); } else { return null; } }, /** * Returns true if the specified animation class is available * @method isValid * @param type {string} the type of animation * @return {boolean} true if valid, false if not * @static */ isValid: function(type) { return (YAHOO.widget[type]); } }; } (); /** * A 1/2 second fade-in animation. * @class TVFadeIn * @constructor * @param el {HTMLElement} the element to animate * @param callback {function} function to invoke when the animation is finished */ YAHOO.widget.TVFadeIn = function(el, callback) { /** * The element to animate * @property el * @type HTMLElement */ this.el = el; /** * the callback to invoke when the animation is complete * @property callback * @type function */ this.callback = callback; this.logger = new YAHOO.widget.LogWriter(this.toString()); }; YAHOO.widget.TVFadeIn.prototype = { /** * Performs the animation * @method animate */ animate: function() { var tvanim = this; var s = this.el.style; s.opacity = 0.1; s.filter = "alpha(opacity=10)"; s.display = ""; var dur = 0.4; var a = new YAHOO.util.Anim(this.el, {opacity: {from: 0.1, to: 1, unit:""}}, dur); a.onComplete.subscribe( function() { tvanim.onComplete(); } ); a.animate(); }, /** * Clean up and invoke callback * @method onComplete */ onComplete: function() { this.callback(); }, /** * toString * @method toString * @return {string} the string representation of the instance */ toString: function() { return "TVFadeIn"; } }; /** * A 1/2 second fade out animation. * @class TVFadeOut * @constructor * @param el {HTMLElement} the element to animate * @param callback {Function} function to invoke when the animation is finished */ YAHOO.widget.TVFadeOut = function(el, callback) { /** * The element to animate * @property el * @type HTMLElement */ this.el = el; /** * the callback to invoke when the animation is complete * @property callback * @type function */ this.callback = callback; this.logger = new YAHOO.widget.LogWriter(this.toString()); }; YAHOO.widget.TVFadeOut.prototype = { /** * Performs the animation * @method animate */ animate: function() { var tvanim = this; var dur = 0.4; var a = new YAHOO.util.Anim(this.el, {opacity: {from: 1, to: 0.1, unit:""}}, dur); a.onComplete.subscribe( function() { tvanim.onComplete(); } ); a.animate(); }, /** * Clean up and invoke callback * @method onComplete */ onComplete: function() { var s = this.el.style; s.display = "none"; s.opacity = 1; s.filter = "alpha(opacity=100)"; this.callback(); }, /** * toString * @method toString * @return {string} the string representation of the instance */ toString: function() { return "TVFadeOut"; } }; YAHOO.register("treeview", YAHOO.widget.TreeView, {version: "@VERSION@", build: "@BUILD@"}); YAHOO.util.Attribute=function(B,A){if(A){this.owner=A;this.configure(B,true);}};YAHOO.util.Attribute.prototype={name:undefined,value:null,owner:null,readOnly:false,writeOnce:false,_initialConfig:null,_written:false,method:null,setter:null,getter:null,validator:null,getValue:function(){var A=this.value;if(this.getter){A=this.getter.call(this.owner,this.name,A);}return A;},setValue:function(F,B){var E,A=this.owner,C=this.name;var D={type:C,prevValue:this.getValue(),newValue:F};if(this.readOnly||(this.writeOnce&&this._written)){return false;}if(this.validator&&!this.validator.call(A,F)){return false;}if(!B){E=A.fireBeforeChangeEvent(D);if(E===false){return false;}}if(this.setter){F=this.setter.call(A,F,this.name);if(F===undefined){}}if(this.method){this.method.call(A,F,this.name);}this.value=F;this._written=true;D.type=C;if(!B){this.owner.fireChangeEvent(D);}return true;},configure:function(B,C){B=B||{};if(C){this._written=false;}this._initialConfig=this._initialConfig||{};for(var A in B){if(B.hasOwnProperty(A)){this[A]=B[A];if(C){this._initialConfig[A]=B[A];}}}},resetValue:function(){return this.setValue(this._initialConfig.value);},resetConfig:function(){this.configure(this._initialConfig,true);},refresh:function(A){this.setValue(this.value,A);}};(function(){var A=YAHOO.util.Lang;YAHOO.util.AttributeProvider=function(){};YAHOO.util.AttributeProvider.prototype={_configs:null,get:function(C){this._configs=this._configs||{};var B=this._configs[C];if(!B||!this._configs.hasOwnProperty(C)){return null;}return B.getValue();},set:function(D,E,B){this._configs=this._configs||{};var C=this._configs[D];if(!C){return false;}return C.setValue(E,B);},getAttributeKeys:function(){this._configs=this._configs;var C=[],B;for(B in this._configs){if(A.hasOwnProperty(this._configs,B)&&!A.isUndefined(this._configs[B])){C[C.length]=B;}}return C;},setAttributes:function(D,B){for(var C in D){if(A.hasOwnProperty(D,C)){this.set(C,D[C],B);}}},resetValue:function(C,B){this._configs=this._configs||{};if(this._configs[C]){this.set(C,this._configs[C]._initialConfig.value,B);return true;}return false;},refresh:function(E,C){this._configs=this._configs||{};var F=this._configs;E=((A.isString(E))?[E]:E)||this.getAttributeKeys();for(var D=0,B=E.length;D=200&&E<300)||E===1223||C){A=B.xdr?B.r:this.createResponseObject(B,G);if(I&&I.success){if(!I.scope){I.success(A);}else{I.success.apply(I.scope,[A]);}}this.successEvent.fire(A);if(B.successEvent){B.successEvent.fire(A);}}else{switch(E){case 12002:case 12029:case 12030:case 12031:case 12152:case 13030:A=this.createExceptionObject(B.tId,G,(D?D:false));if(I&&I.failure){if(!I.scope){I.failure(A);}else{I.failure.apply(I.scope,[A]);}}break;default:A=(B.xdr)?B.response:this.createResponseObject(B,G);if(I&&I.failure){if(!I.scope){I.failure(A);}else{I.failure.apply(I.scope,[A]);}}}this.failureEvent.fire(A);if(B.failureEvent){B.failureEvent.fire(A);}}this.releaseObject(B);A=null;},createResponseObject:function(A,G){var D={},I={},E,C,F,B;try{C=A.conn.getAllResponseHeaders();F=C.split("\n");for(E=0;E'+''+''+"",K=document.createElement("div");document.body.appendChild(K);K.innerHTML=J;}function B(L,I,J,M,K){H[parseInt(L.tId)]={"o":L,"c":M};if(K){M.method=I;M.data=K;}L.conn.send(J,M,L.tId);}function E(I){D(I);G._transport=document.getElementById("YUIConnectionSwf");}function C(){G.xdrReadyEvent.fire();}function A(J,I){if(J){G.startEvent.fire(J,I.argument);if(J.startEvent){J.startEvent.fire(J,I.argument);}}}function F(J){var K=H[J.tId].o,I=H[J.tId].c;if(J.statusText==="xdr:start"){A(K,I);return;}J.responseText=decodeURI(J.responseText);K.r=J;if(I.argument){K.r.argument=I.argument;}this.handleTransactionResponse(K,I,J.statusText==="xdr:abort"?true:false);delete H[J.tId];}G.xdr=B;G.swf=D;G.transport=E;G.xdrReadyEvent=new YAHOO.util.CustomEvent("xdrReady");G.xdrReady=C;G.handleXdrResponse=F;})();(function(){var D=YAHOO.util.Connect,F=YAHOO.util.Event;D._isFormSubmit=false;D._isFileUpload=false;D._formNode=null;D._sFormData=null;D._submitElementValue=null;D.uploadEvent=new YAHOO.util.CustomEvent("upload"),D._hasSubmitListener=function(){if(F){F.addListener(document,"click",function(J){var I=F.getTarget(J),H=I.nodeName.toLowerCase();if((H==="input"||H==="button")&&(I.type&&I.type.toLowerCase()=="submit")){D._submitElementValue=encodeURIComponent(I.name)+"="+encodeURIComponent(I.value);}});return true;}return false;}();function G(T,O,J){var S,I,R,P,W,Q=false,M=[],V=0,L,N,K,U,H;this.resetFormState();if(typeof T=="string"){S=(document.getElementById(T)||document.forms[T]);}else{if(typeof T=="object"){S=T;}else{return;}}if(O){this.createFrame(J?J:null);this._isFormSubmit=true;this._isFileUpload=true;this._formNode=S;return;}for(L=0,N=S.elements.length;L-1){H=I.options[I.selectedIndex];M[V++]=R+encodeURIComponent((H.attributes.value&&H.attributes.value.specified)?H.value:H.text);}break;case"select-multiple":if(I.selectedIndex>-1){for(K=I.selectedIndex,U=I.options.length;K');if(typeof H=="boolean"){J.src="javascript:false";}}else{J=document.createElement("iframe");J.id=I;J.name=I;}J.style.position="absolute";J.style.top="-1000px";J.style.left="-1000px";document.body.appendChild(J);}function E(H){var K=[],I=H.split("&"),J,L;for(J=0;J0){for(P=0;P0){V.label=Q;}}}function A(P){var O=P.attributes,N=O.srcelement,R=N.nodeName.toUpperCase(),Q=this;if(R==this.NODE_NAME){P.element=N;P.id=N.id;G.getElementsBy(function(S){switch(S.nodeName.toUpperCase()){case"BUTTON":case"A":case"INPUT":H.call(Q,S,O);break;}},"*",N);}else{switch(R){case"BUTTON":case"A":case"INPUT":H.call(this,N,O);break;}}}YAHOO.widget.Button=function(R,O){if(!B&&YAHOO.widget.Overlay){B=YAHOO.widget.Overlay;}if(!J&&YAHOO.widget.Menu){J=YAHOO.widget.Menu;}var Q=YAHOO.widget.Button.superclass.constructor,P,N;if(arguments.length==1&&!I.isString(R)&&!R.nodeName){if(!R.id){R.id=G.generateId();}Q.call(this,(this.createButtonElement(R.type)),R);}else{P={element:null,attributes:(O||{})};if(I.isString(R)){N=G.get(R);if(N){if(!P.attributes.id){P.attributes.id=R;}P.attributes.srcelement=N;A.call(this,P);if(!P.element){P.element=this.createButtonElement(P.attributes.type);}Q.call(this,P.element,P.attributes);}}else{if(R.nodeName){if(!P.attributes.id){if(R.id){P.attributes.id=R.id;}else{P.attributes.id=G.generateId();}}P.attributes.srcelement=R;A.call(this,P);if(!P.element){P.element=this.createButtonElement(P.attributes.type);}Q.call(this,P.element,P.attributes);}}}};YAHOO.extend(YAHOO.widget.Button,YAHOO.util.Element,{_button:null,_menu:null,_hiddenFields:null,_onclickAttributeValue:null,_activationKeyPressed:false,_activationButtonPressed:false,_hasKeyEventHandlers:false,_hasMouseEventHandlers:false,_nOptionRegionX:0,CLASS_NAME_PREFIX:"yui-",NODE_NAME:"SPAN",CHECK_ACTIVATION_KEYS:[32],ACTIVATION_KEYS:[13,32],OPTION_AREA_WIDTH:20,CSS_CLASS_NAME:"button",_setType:function(N){if(N=="split"){this.on("option",this._onOption);}},_setLabel:function(O){this._button.innerHTML=O;var P,N=L.gecko;if(N&&N<1.9&&G.inDocument(this.get("element"))){P=(this.CLASS_NAME_PREFIX+this.CSS_CLASS_NAME);this.removeClass(P);I.later(0,this,this.addClass,P);}},_setTabIndex:function(N){this._button.tabIndex=N;},_setTitle:function(N){if(this.get("type")!="link"){this._button.title=N;}},_setDisabled:function(N){if(this.get("type")!="link"){if(N){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");}}},_setHref:function(N){if(this.get("type")=="link"){this._button.href=N;}},_setTarget:function(N){if(this.get("type")=="link"){this._button.setAttribute("target",N);}},_setChecked:function(N){var O=this.get("type");if(O=="checkbox"||O=="radio"){if(N){this.addStateCSSClasses("checked");}else{this.removeStateCSSClasses("checked");}}},_setMenu:function(U){var P=this.get("lazyloadmenu"),R=this.get("element"),N,W=false,X,O,Q;function V(){X.render(R.parentNode);this.removeListener("appendTo",V);}function T(){X.cfg.queueProperty("container",R.parentNode);this.removeListener("appendTo",T);}function S(){var Y;if(X){G.addClass(X.element,this.get("menuclassname"));G.addClass(X.element,this.CLASS_NAME_PREFIX+this.get("type")+"-button-menu");X.showEvent.subscribe(this._onMenuShow,null,this);X.hideEvent.subscribe(this._onMenuHide,null,this);X.renderEvent.subscribe(this._onMenuRender,null,this);if(J&&X instanceof J){if(P){Y=this.get("container");if(Y){X.cfg.queueProperty("container",Y);}else{this.on("appendTo",T);}}X.cfg.queueProperty("clicktohide",false);X.keyDownEvent.subscribe(this._onMenuKeyDown,this,true);X.subscribe("click",this._onMenuClick,this,true);this.on("selectedMenuItemChange",this._onSelectedMenuItemChange);Q=X.srcElement;if(Q&&Q.nodeName.toUpperCase()=="SELECT"){Q.style.display="none";Q.parentNode.removeChild(Q);}}else{if(B&&X instanceof B){if(!K){K=new YAHOO.widget.OverlayManager();}K.register(X);}}this._menu=X;if(!W&&!P){if(G.inDocument(R)){X.render(R.parentNode);}else{this.on("appendTo",V);}}}}if(B){if(J){N=J.prototype.CSS_CLASS_NAME;}if(U&&J&&(U instanceof J)){X=U;W=true;S.call(this);}else{if(B&&U&&(U instanceof B)){X=U;W=true;X.cfg.queueProperty("visible",false);S.call(this);}else{if(J&&I.isArray(U)){X=new J(G.generateId(),{lazyload:P,itemdata:U});this._menu=X;this.on("appendTo",S);}else{if(I.isString(U)){O=G.get(U);if(O){if(J&&G.hasClass(O,N)||O.nodeName.toUpperCase()=="SELECT"){X=new J(U,{lazyload:P});S.call(this);}else{if(B){X=new B(U,{visible:false});S.call(this);}}}}else{if(U&&U.nodeName){if(J&&G.hasClass(U,N)||U.nodeName.toUpperCase()=="SELECT"){X=new J(U,{lazyload:P});S.call(this);}else{if(B){if(!U.id){G.generateId(U);}X=new B(U,{visible:false});S.call(this);}}}}}}}}},_setOnClick:function(N){if(this._onclickAttributeValue&&(this._onclickAttributeValue!=N)){this.removeListener("click",this._onclickAttributeValue.fn); this._onclickAttributeValue=null;}if(!this._onclickAttributeValue&&I.isObject(N)&&I.isFunction(N.fn)){this.on("click",N.fn,N.obj,N.scope);this._onclickAttributeValue=N;}},_isActivationKey:function(N){var S=this.get("type"),O=(S=="checkbox"||S=="radio")?this.CHECK_ACTIVATION_KEYS:this.ACTIVATION_KEYS,Q=O.length,R=false,P;if(Q>0){P=Q-1;do{if(N==O[P]){R=true;break;}}while(P--);}return R;},_isSplitButtonOptionKey:function(P){var O=(M.getCharCode(P)==40);var N=function(Q){M.preventDefault(Q);this.removeListener("keypress",N);};if(O){if(L.opera){this.on("keypress",N);}M.preventDefault(P);}return O;},_addListenersToForm:function(){var T=this.getForm(),S=YAHOO.widget.Button.onFormKeyPress,R,N,Q,P,O;if(T){M.on(T,"reset",this._onFormReset,null,this);M.on(T,"submit",this._onFormSubmit,null,this);N=this.get("srcelement");if(this.get("type")=="submit"||(N&&N.type=="submit")){Q=M.getListeners(T,"keypress");R=false;if(Q){P=Q.length;if(P>0){O=P-1;do{if(Q[O].fn==S){R=true;break;}}while(O--);}}if(!R){M.on(T,"keypress",S);}}}},_showMenu:function(R){if(YAHOO.widget.MenuManager){YAHOO.widget.MenuManager.hideVisible();}if(K){K.hideAll();}var N=this._menu,Q=this.get("menualignment"),P=this.get("focusmenu"),O;if(this._renderedMenu){N.cfg.setProperty("context",[this.get("element"),Q[0],Q[1]]);N.cfg.setProperty("preventcontextoverlap",true);N.cfg.setProperty("constraintoviewport",true);}else{N.cfg.queueProperty("context",[this.get("element"),Q[0],Q[1]]);N.cfg.queueProperty("preventcontextoverlap",true);N.cfg.queueProperty("constraintoviewport",true);}this.focus();if(J&&N&&(N instanceof J)){O=N.focus;N.focus=function(){};if(this._renderedMenu){N.cfg.setProperty("minscrollheight",this.get("menuminscrollheight"));N.cfg.setProperty("maxheight",this.get("menumaxheight"));}else{N.cfg.queueProperty("minscrollheight",this.get("menuminscrollheight"));N.cfg.queueProperty("maxheight",this.get("menumaxheight"));}N.show();N.focus=O;N.align();if(R.type=="mousedown"){M.stopPropagation(R);}if(P){N.focus();}}else{if(B&&N&&(N instanceof B)){if(!this._renderedMenu){N.render(this.get("element").parentNode);}N.show();N.align();}}},_hideMenu:function(){var N=this._menu;if(N){N.hide();}},_onMouseOver:function(O){var Q=this.get("type"),N,P;if(Q==="split"){N=this.get("element");P=(G.getX(N)+(N.offsetWidth-this.OPTION_AREA_WIDTH));this._nOptionRegionX=P;}if(!this._hasMouseEventHandlers){if(Q==="split"){this.on("mousemove",this._onMouseMove);}this.on("mouseout",this._onMouseOut);this._hasMouseEventHandlers=true;}this.addStateCSSClasses("hover");if(Q==="split"&&(M.getPageX(O)>P)){this.addStateCSSClasses("hoveroption");}if(this._activationButtonPressed){this.addStateCSSClasses("active");}if(this._bOptionPressed){this.addStateCSSClasses("activeoption");}if(this._activationButtonPressed||this._bOptionPressed){M.removeListener(document,"mouseup",this._onDocumentMouseUp);}},_onMouseMove:function(N){var O=this._nOptionRegionX;if(O){if(M.getPageX(N)>O){this.addStateCSSClasses("hoveroption");}else{this.removeStateCSSClasses("hoveroption");}}},_onMouseOut:function(N){var O=this.get("type");this.removeStateCSSClasses("hover");if(O!="menu"){this.removeStateCSSClasses("active");}if(this._activationButtonPressed||this._bOptionPressed){M.on(document,"mouseup",this._onDocumentMouseUp,null,this);}if(O==="split"&&(M.getPageX(N)>this._nOptionRegionX)){this.removeStateCSSClasses("hoveroption");}},_onDocumentMouseUp:function(P){this._activationButtonPressed=false;this._bOptionPressed=false;var Q=this.get("type"),N,O;if(Q=="menu"||Q=="split"){N=M.getTarget(P);O=this._menu.element;if(N!=O&&!G.isAncestor(O,N)){this.removeStateCSSClasses((Q=="menu"?"active":"activeoption"));this._hideMenu();}}M.removeListener(document,"mouseup",this._onDocumentMouseUp);},_onMouseDown:function(P){var Q,O=true;function N(){this._hideMenu();this.removeListener("mouseup",N);}if((P.which||P.button)==1){if(!this.hasFocus()){this.focus();}Q=this.get("type");if(Q=="split"){if(M.getPageX(P)>this._nOptionRegionX){this.fireEvent("option",P);O=false;}else{this.addStateCSSClasses("active");this._activationButtonPressed=true;}}else{if(Q=="menu"){if(this.isActive()){this._hideMenu();this._activationButtonPressed=false;}else{this._showMenu(P);this._activationButtonPressed=true;}}else{this.addStateCSSClasses("active");this._activationButtonPressed=true;}}if(Q=="split"||Q=="menu"){this._hideMenuTimer=I.later(250,this,this.on,["mouseup",N]);}}return O;},_onMouseUp:function(P){var Q=this.get("type"),N=this._hideMenuTimer,O=true;if(N){N.cancel();}if(Q=="checkbox"||Q=="radio"){this.set("checked",!(this.get("checked")));}this._activationButtonPressed=false;if(Q!="menu"){this.removeStateCSSClasses("active");}if(Q=="split"&&M.getPageX(P)>this._nOptionRegionX){O=false;}return O;},_onFocus:function(O){var N;this.addStateCSSClasses("focus");if(this._activationKeyPressed){this.addStateCSSClasses("active");}C=this;if(!this._hasKeyEventHandlers){N=this._button;M.on(N,"blur",this._onBlur,null,this);M.on(N,"keydown",this._onKeyDown,null,this);M.on(N,"keyup",this._onKeyUp,null,this);this._hasKeyEventHandlers=true;}this.fireEvent("focus",O);},_onBlur:function(N){this.removeStateCSSClasses("focus");if(this.get("type")!="menu"){this.removeStateCSSClasses("active");}if(this._activationKeyPressed){M.on(document,"keyup",this._onDocumentKeyUp,null,this);}C=null;this.fireEvent("blur",N);},_onDocumentKeyUp:function(N){if(this._isActivationKey(M.getCharCode(N))){this._activationKeyPressed=false;M.removeListener(document,"keyup",this._onDocumentKeyUp);}},_onKeyDown:function(O){var N=this._menu;if(this.get("type")=="split"&&this._isSplitButtonOptionKey(O)){this.fireEvent("option",O);}else{if(this._isActivationKey(M.getCharCode(O))){if(this.get("type")=="menu"){this._showMenu(O);}else{this._activationKeyPressed=true;this.addStateCSSClasses("active");}}}if(N&&N.cfg.getProperty("visible")&&M.getCharCode(O)==27){N.hide();this.focus();}},_onKeyUp:function(N){var O;if(this._isActivationKey(M.getCharCode(N))){O=this.get("type");if(O=="checkbox"||O=="radio"){this.set("checked",!(this.get("checked"))); }this._activationKeyPressed=false;if(this.get("type")!="menu"){this.removeStateCSSClasses("active");}}},_onClick:function(P){var R=this.get("type"),Q,N,O;switch(R){case"submit":if(P.returnValue!==false){this.submitForm();}break;case"reset":Q=this.getForm();if(Q){Q.reset();}break;case"split":if(this._nOptionRegionX>0&&(M.getPageX(P)>this._nOptionRegionX)){O=false;}else{this._hideMenu();N=this.get("srcelement");if(N&&N.type=="submit"&&P.returnValue!==false){this.submitForm();}}break;}return O;},_onDblClick:function(O){var N=true;if(this.get("type")=="split"&&M.getPageX(O)>this._nOptionRegionX){N=false;}return N;},_onAppendTo:function(N){I.later(0,this,this._addListenersToForm);},_onFormReset:function(O){var P=this.get("type"),N=this._menu;if(P=="checkbox"||P=="radio"){this.resetValue("checked");}if(J&&N&&(N instanceof J)){this.resetValue("selectedMenuItem");}},_onFormSubmit:function(N){this.createHiddenFields();},_onDocumentMouseDown:function(Q){var N=M.getTarget(Q),P=this.get("element"),O=this._menu.element;if(N!=P&&!G.isAncestor(P,N)&&N!=O&&!G.isAncestor(O,N)){this._hideMenu();if(L.ie&&N.focus){N.setActive();}M.removeListener(document,"mousedown",this._onDocumentMouseDown);}},_onOption:function(N){if(this.hasClass(this.CLASS_NAME_PREFIX+"split-button-activeoption")){this._hideMenu();this._bOptionPressed=false;}else{this._showMenu(N);this._bOptionPressed=true;}},_onMenuShow:function(N){M.on(document,"mousedown",this._onDocumentMouseDown,null,this);var O=(this.get("type")=="split")?"activeoption":"active";this.addStateCSSClasses(O);},_onMenuHide:function(N){var O=(this.get("type")=="split")?"activeoption":"active";this.removeStateCSSClasses(O);if(this.get("type")=="split"){this._bOptionPressed=false;}},_onMenuKeyDown:function(P,O){var N=O[0];if(M.getCharCode(N)==27){this.focus();if(this.get("type")=="split"){this._bOptionPressed=false;}}},_onMenuRender:function(P){var S=this.get("element"),O=S.parentNode,N=this._menu,R=N.element,Q=N.srcElement,T;if(O!=R.parentNode){O.appendChild(R);}this._renderedMenu=true;if(Q&&Q.nodeName.toLowerCase()==="select"&&Q.value){T=N.getItem(Q.selectedIndex);this.set("selectedMenuItem",T,true);this._onSelectedMenuItemChange({newValue:T});}},_onMenuClick:function(O,N){var Q=N[1],P;if(Q){this.set("selectedMenuItem",Q);P=this.get("srcelement");if(P&&P.type=="submit"){this.submitForm();}this._hideMenu();}},_onSelectedMenuItemChange:function(O){var P=O.prevValue,Q=O.newValue,N=this.CLASS_NAME_PREFIX;if(P){G.removeClass(P.element,(N+"button-selectedmenuitem"));}if(Q){G.addClass(Q.element,(N+"button-selectedmenuitem"));}},_onLabelClick:function(N){this.focus();var O=this.get("type");if(O=="radio"||O=="checkbox"){this.set("checked",(!this.get("checked")));}},createButtonElement:function(N){var P=this.NODE_NAME,O=document.createElement(P);O.innerHTML="<"+P+' class="first-child">'+(N=="link"?"":'')+"";return O;},addStateCSSClasses:function(O){var P=this.get("type"),N=this.CLASS_NAME_PREFIX;if(I.isString(O)){if(O!="activeoption"&&O!="hoveroption"){this.addClass(N+this.CSS_CLASS_NAME+("-"+O));}this.addClass(N+P+("-button-"+O));}},removeStateCSSClasses:function(O){var P=this.get("type"),N=this.CLASS_NAME_PREFIX;if(I.isString(O)){this.removeClass(N+this.CSS_CLASS_NAME+("-"+O));this.removeClass(N+P+("-button-"+O));}},createHiddenFields:function(){this.removeHiddenFields();var V=this.getForm(),Z,O,S,X,Y,T,U,N,R,W,P,Q=false;if(V&&!this.get("disabled")){O=this.get("type");S=(O=="checkbox"||O=="radio");if((S&&this.get("checked"))||(E==this)){Z=F((S?O:"hidden"),this.get("name"),this.get("value"),this.get("checked"));if(Z){if(S){Z.style.display="none";}V.appendChild(Z);}}X=this._menu;if(J&&X&&(X instanceof J)){Y=this.get("selectedMenuItem");P=X.srcElement;Q=(P&&P.nodeName.toUpperCase()=="SELECT");if(Y){U=(Y.value===null||Y.value==="")?Y.cfg.getProperty("text"):Y.value;T=this.get("name");if(Q){W=P.name;}else{if(T){W=(T+"_options");}}if(U&&W){N=F("hidden",W,U);V.appendChild(N);}}else{if(Q){N=V.appendChild(P);}}}if(Z&&N){this._hiddenFields=[Z,N];}else{if(!Z&&N){this._hiddenFields=N;}else{if(Z&&!N){this._hiddenFields=Z;}}}R=this._hiddenFields;}return R;},removeHiddenFields:function(){var Q=this._hiddenFields,O,P;function N(R){if(G.inDocument(R)){R.parentNode.removeChild(R);}}if(Q){if(I.isArray(Q)){O=Q.length;if(O>0){P=O-1;do{N(Q[P]);}while(P--);}}else{N(Q);}this._hiddenFields=null;}},submitForm:function(){var Q=this.getForm(),P=this.get("srcelement"),O=false,N;if(Q){if(this.get("type")=="submit"||(P&&P.type=="submit")){E=this;}if(L.ie){O=Q.fireEvent("onsubmit");}else{N=document.createEvent("HTMLEvents");N.initEvent("submit",true,true);O=Q.dispatchEvent(N);}if((L.ie||L.webkit)&&O){Q.submit();}}return O;},init:function(P,d){var V=d.type=="link"?"a":"button",a=d.srcelement,S=P.getElementsByTagName(V)[0],U;if(!S){U=P.getElementsByTagName("input")[0];if(U){S=document.createElement("button");S.setAttribute("type","button");U.parentNode.replaceChild(S,U);}}this._button=S;YAHOO.widget.Button.superclass.init.call(this,P,d);var T=this.get("id"),Z=T+"-button";S.id=Z;var X,Q;var e=function(f){return(f.htmlFor===T);};var c=function(){Q.setAttribute((L.ie?"htmlFor":"for"),Z);};if(a&&this.get("type")!="link"){X=G.getElementsBy(e,"label");if(I.isArray(X)&&X.length>0){Q=X[0];}}D[T]=this;var b=this.CLASS_NAME_PREFIX;this.addClass(b+this.CSS_CLASS_NAME);this.addClass(b+this.get("type")+"-button");M.on(this._button,"focus",this._onFocus,null,this);this.on("mouseover",this._onMouseOver);this.on("mousedown",this._onMouseDown);this.on("mouseup",this._onMouseUp);this.on("click",this._onClick);var R=this.get("onclick");this.set("onclick",null);this.set("onclick",R);this.on("dblclick",this._onDblClick);var O;if(Q){if(this.get("replaceLabel")){this.set("label",Q.innerHTML);O=Q.parentNode;O.removeChild(Q);}else{this.on("appendTo",c);M.on(Q,"click",this._onLabelClick,null,this);this._label=Q;}}this.on("appendTo",this._onAppendTo);var N=this.get("container"),Y=this.get("element"),W=G.inDocument(Y); if(N){if(a&&a!=Y){O=a.parentNode;if(O){O.removeChild(a);}}if(I.isString(N)){M.onContentReady(N,this.appendTo,N,this);}else{this.on("init",function(){I.later(0,this,this.appendTo,N);});}}else{if(!W&&a&&a!=Y){O=a.parentNode;if(O){this.fireEvent("beforeAppendTo",{type:"beforeAppendTo",target:O});O.replaceChild(Y,a);this.fireEvent("appendTo",{type:"appendTo",target:O});}}else{if(this.get("type")!="link"&&W&&a&&a==Y){this._addListenersToForm();}}}this.fireEvent("init",{type:"init",target:this});},initAttributes:function(O){var N=O||{};YAHOO.widget.Button.superclass.initAttributes.call(this,N);this.setAttributeConfig("type",{value:(N.type||"push"),validator:I.isString,writeOnce:true,method:this._setType});this.setAttributeConfig("label",{value:N.label,validator:I.isString,method:this._setLabel});this.setAttributeConfig("value",{value:N.value});this.setAttributeConfig("name",{value:N.name,validator:I.isString});this.setAttributeConfig("tabindex",{value:N.tabindex,validator:I.isNumber,method:this._setTabIndex});this.configureAttribute("title",{value:N.title,validator:I.isString,method:this._setTitle});this.setAttributeConfig("disabled",{value:(N.disabled||false),validator:I.isBoolean,method:this._setDisabled});this.setAttributeConfig("href",{value:N.href,validator:I.isString,method:this._setHref});this.setAttributeConfig("target",{value:N.target,validator:I.isString,method:this._setTarget});this.setAttributeConfig("checked",{value:(N.checked||false),validator:I.isBoolean,method:this._setChecked});this.setAttributeConfig("container",{value:N.container,writeOnce:true});this.setAttributeConfig("srcelement",{value:N.srcelement,writeOnce:true});this.setAttributeConfig("menu",{value:null,method:this._setMenu,writeOnce:true});this.setAttributeConfig("lazyloadmenu",{value:(N.lazyloadmenu===false?false:true),validator:I.isBoolean,writeOnce:true});this.setAttributeConfig("menuclassname",{value:(N.menuclassname||(this.CLASS_NAME_PREFIX+"button-menu")),validator:I.isString,method:this._setMenuClassName,writeOnce:true});this.setAttributeConfig("menuminscrollheight",{value:(N.menuminscrollheight||90),validator:I.isNumber});this.setAttributeConfig("menumaxheight",{value:(N.menumaxheight||0),validator:I.isNumber});this.setAttributeConfig("menualignment",{value:(N.menualignment||["tl","bl"]),validator:I.isArray});this.setAttributeConfig("selectedMenuItem",{value:null});this.setAttributeConfig("onclick",{value:N.onclick,method:this._setOnClick});this.setAttributeConfig("focusmenu",{value:(N.focusmenu===false?false:true),validator:I.isBoolean});this.setAttributeConfig("replaceLabel",{value:false,validator:I.isBoolean,writeOnce:true});},focus:function(){if(!this.get("disabled")){this._button.focus();}},blur:function(){if(!this.get("disabled")){this._button.blur();}},hasFocus:function(){return(C==this);},isActive:function(){return this.hasClass(this.CLASS_NAME_PREFIX+this.CSS_CLASS_NAME+"-active");},getMenu:function(){return this._menu;},getForm:function(){var N=this._button,O;if(N){O=N.form;}return O;},getHiddenFields:function(){return this._hiddenFields;},destroy:function(){var P=this.get("element"),N=this._menu,T=this._label,O,S;if(N){if(K&&K.find(N)){K.remove(N);}N.destroy();}M.purgeElement(P);M.purgeElement(this._button);M.removeListener(document,"mouseup",this._onDocumentMouseUp);M.removeListener(document,"keyup",this._onDocumentKeyUp);M.removeListener(document,"mousedown",this._onDocumentMouseDown);if(T){M.removeListener(T,"click",this._onLabelClick);O=T.parentNode;O.removeChild(T);}var Q=this.getForm();if(Q){M.removeListener(Q,"reset",this._onFormReset);M.removeListener(Q,"submit",this._onFormSubmit);}this.unsubscribeAll();O=P.parentNode;if(O){O.removeChild(P);}delete D[this.get("id")];var R=(this.CLASS_NAME_PREFIX+this.CSS_CLASS_NAME);S=G.getElementsByClassName(R,this.NODE_NAME,Q);if(I.isArray(S)&&S.length===0){M.removeListener(Q,"keypress",YAHOO.widget.Button.onFormKeyPress);}},fireEvent:function(O,N){var P=arguments[0];if(this.DOM_EVENTS[P]&&this.get("disabled")){return false;}return YAHOO.widget.Button.superclass.fireEvent.apply(this,arguments);},toString:function(){return("Button "+this.get("id"));}});YAHOO.widget.Button.onFormKeyPress=function(R){var P=M.getTarget(R),S=M.getCharCode(R),Q=P.nodeName&&P.nodeName.toUpperCase(),N=P.type,T=false,V,X,O,W;function U(a){var Z,Y;switch(a.nodeName.toUpperCase()){case"INPUT":case"BUTTON":if(a.type=="submit"&&!a.disabled){if(!T&&!O){O=a;}}break;default:Z=a.id;if(Z){V=D[Z];if(V){T=true;if(!V.get("disabled")){Y=V.get("srcelement");if(!X&&(V.get("type")=="submit"||(Y&&Y.type=="submit"))){X=V;}}}}break;}}if(S==13&&((Q=="INPUT"&&(N=="text"||N=="password"||N=="checkbox"||N=="radio"||N=="file"))||Q=="SELECT")){G.getElementsBy(U,"*",this);if(O){O.focus();}else{if(!O&&X){M.preventDefault(R);if(L.ie){X.get("element").fireEvent("onclick");}else{W=document.createEvent("HTMLEvents");W.initEvent("click",true,true);if(L.gecko<1.9){X.fireEvent("click",W);}else{X.get("element").dispatchEvent(W);}}}}}};YAHOO.widget.Button.addHiddenFieldsToForm=function(N){var R=YAHOO.widget.Button.prototype,T=G.getElementsByClassName((R.CLASS_NAME_PREFIX+R.CSS_CLASS_NAME),"*",N),Q=T.length,S,O,P;if(Q>0){for(P=0;P0){F=H-1;do{this._buttons[F].set("disabled",G);}while(F--);}},_onKeyDown:function(K){var G=B.getTarget(K),I=B.getCharCode(K),H=G.parentNode.parentNode.id,J=E[H],F=-1;if(I==37||I==38){F=(J.index===0)?(this._buttons.length-1):(J.index-1);}else{if(I==39||I==40){F=(J.index===(this._buttons.length-1))?0:(J.index+1);}}if(F>-1){this.check(F);this.getButton(F).focus();}},_onAppendTo:function(H){var I=this._buttons,G=I.length,F;for(F=0;F0){this.addButtons(J);}function F(L){return(L.type=="radio");}J=C.getElementsBy(F,"input",this.get("element"));if(J.length>0){this.addButtons(J);}this.on("keydown",this._onKeyDown);this.on("appendTo",this._onAppendTo);var G=this.get("container");if(G){if(D.isString(G)){B.onContentReady(G,function(){this.appendTo(G);},null,this);}else{this.appendTo(G);}}},initAttributes:function(G){var F=G||{};YAHOO.widget.ButtonGroup.superclass.initAttributes.call(this,F);this.setAttributeConfig("name",{value:F.name,validator:D.isString});this.setAttributeConfig("disabled",{value:(F.disabled||false),validator:D.isBoolean,method:this._setDisabled});this.setAttributeConfig("value",{value:F.value});this.setAttributeConfig("container",{value:F.container,writeOnce:true});this.setAttributeConfig("checkedButton",{value:null});},addButton:function(J){var L,K,G,F,H,I;if(J instanceof A&&J.get("type")=="radio"){L=J;}else{if(!D.isString(J)&&!J.nodeName){J.type="radio";L=new A(J);}else{L=new A(J,{type:"radio"});}}if(L){F=this._buttons.length;H=L.get("name");I=this.get("name");L.index=F;this._buttons[F]=L;E[L.get("id")]=L;if(H!=I){L.set("name",I);}if(this.get("disabled")){L.set("disabled",true);}if(L.get("checked")){this.set("checkedButton",L);}K=L.get("element");G=this.get("element");if(K.parentNode!=G){G.appendChild(K);}L.on("checkedChange",this._onButtonCheckedChange,L,this);}return L;},addButtons:function(G){var H,I,J,F;if(D.isArray(G)){H=G.length;J=[];if(H>0){for(F=0;F0){F=this._buttons.length-1;do{this._buttons[F].index=F;}while(F--);}}},getButton:function(F){return this._buttons[F];},getButtons:function(){return this._buttons;},getCount:function(){return this._buttons.length;},focus:function(H){var I,G,F;if(D.isNumber(H)){I=this._buttons[H];if(I){I.focus();}}else{G=this.getCount();for(F=0;F0){G=this._buttons.length-1;do{this._buttons[G].destroy();}while(G--);}B.purgeElement(H);F.removeChild(H);},toString:function(){return("ButtonGroup "+this.get("id"));}});})();YAHOO.register("button",YAHOO.widget.Button,{version:"@VERSION@",build:"@BUILD@"}); /** * The check box marks a task complete. It is a simulated form field * with three states ... * 0=unchecked, 1=some children checked, 2=all children checked * When a task is clicked, the state of the nodes and parent and children * are updated, and this behavior cascades. * * @extends YAHOO.widget.TextNode * @constructor * @param oData {object} A string or object containing the data that will * be used to render this node. * @param oParent {Node} This node's parent node * @param expanded {boolean} The initial expanded/collapsed state * @param checked {boolean} The initial checked/unchecked state */ YAHOO.widget.TaskNode = function(oData, oParent, expanded, checked) { YAHOO.widget.TaskNode.superclass.constructor.call(this,oData,oParent,expanded); this.setUpCheck(checked || oData.checked); }; YAHOO.extend(YAHOO.widget.TaskNode, YAHOO.widget.TextNode, { /** * True if checkstate is 1 (some children checked) or 2 (all children checked), * false if 0. * @type boolean */ checked: false, /** * checkState * 0=unchecked, 1=some children checked, 2=all children checked * @type int */ checkState: 0, /** * The node type * @property _type * @private * @type string * @default "TextNode" */ _type: "TaskNode", taskNodeParentChange: function() { //this.updateParent(); }, setUpCheck: function(checked) { // if this node is checked by default, run the check code to update // the parent's display state if (checked && checked === true) { this.check(); // otherwise the parent needs to be updated only if its checkstate // needs to change from fully selected to partially selected } else if (this.parent && 2 === this.parent.checkState) { this.updateParent(); } // set up the custom event on the tree for checkClick /** * Custom event that is fired when the check box is clicked. The * custom event is defined on the tree instance, so there is a single * event that handles all nodes in the tree. The node clicked is * provided as an argument. Note, your custom node implentation can * implement its own node specific events this way. * * @event checkClick * @for YAHOO.widget.TreeView * @param {YAHOO.widget.Node} node the node clicked */ if (this.tree && !this.tree.hasEvent("checkClick")) { this.tree.createEvent("checkClick", this.tree); } this.tree.subscribe('clickEvent',this.checkClick); this.subscribe("parentChange", this.taskNodeParentChange); }, /** * The id of the check element * @for YAHOO.widget.TaskNode * @type string */ getCheckElId: function() { return "ygtvcheck" + this.index; }, /** * Returns the check box element * @return the check html element (img) */ getCheckEl: function() { return document.getElementById(this.getCheckElId()); }, /** * The style of the check element, derived from its current state * @return {string} the css style for the current check state */ getCheckStyle: function() { return "ygtvcheck" + this.checkState; }, /** * Invoked when the user clicks the check box */ checkClick: function(oArgs) { var node = oArgs.node; var target = YAHOO.util.Event.getTarget(oArgs.event); if (YAHOO.util.Dom.hasClass(target,'ygtvspacer')) { node.logger.log("previous checkstate: " + node.checkState); if (node.checkState === 0) { node.check(); } else { node.uncheck(); } node.onCheckClick(node); this.fireEvent("checkClick", node); return false; } }, /** * Override to get the check click event */ onCheckClick: function() { this.logger.log("onCheckClick: " + this); }, /** * Refresh the state of this node's parent, and cascade up. */ updateParent: function() { var p = this.parent; if (!p || !p.updateParent) { this.logger.log("Abort udpate parent: " + this.index); return; } var somethingChecked = false; var somethingNotChecked = false; for (var i=0, l=p.children.length;i 0); }, /** * Check this node */ check: function() { this.logger.log("check"); this.setCheckState(2); for (var i=0, l=this.children.length; idocument.body.offsetHeight){c=document.body.scrollWidth;a=document.body.scrollHeight}else{c=document.body.offsetWidth;a=document.body.offsetHeight}}var b,d;if(self.innerHeight){b=self.innerWidth;d=self.innerHeight}else{if(document.documentElement&&document.documentElement.clientHeight){b=document.documentElement.clientWidth;d=document.documentElement.clientHeight}else{if(document.body){b=document.body.clientWidth;d=document.body.clientHeight}}}if(ac){return}}}function getKey(a){if(a==null){keycode=event.keyCode}else{keycode=a.which}key=String.fromCharCode(keycode).toLowerCase();if(key=="x"){hideLightbox()}}function listenKey(){document.onkeypress=getKey}function showLightbox(c){var h=document.getElementById("overlay");var b=document.getElementById("lightbox");var e=document.getElementById("lightboxCaption");var j=document.getElementById("lightboxImage");var a=document.getElementById("loadingImage");var g=document.getElementById("lightboxDetails");var f=getPageSize();var d=getPageScroll();if(a){a.style.top=(d[1]+((f[3]-35-a.height)/2)+"px");a.style.left=(((f[0]-20-a.width)/2)+"px");a.style.display="block"}h.style.height=(f[1]+"px");h.style.display="block";imgPreload=new Image();imgPreload.onload=function(){j.src=c.href;var l=d[1]+((f[3]-35-imgPreload.height)/2);var k=((f[0]-20-imgPreload.width)/2);b.style.top=(l<0)?"0px":l+"px";b.style.left=(k<0)?"0px":k+"px";g.style.width=imgPreload.width+"px";if(c.getAttribute("title")){e.style.display="block";e.innerHTML=c.getAttribute("title")}else{e.style.display="none"}if(navigator.appVersion.indexOf("MSIE")!=-1){pause(250)}if(a){a.style.display="none"}selects=document.getElementsByTagName("select");for(i=0;i!=selects.length;i++){selects[i].style.visibility="hidden"}b.style.display="block";f=getPageSize();h.style.height=(f[1]+"px");listenKey();return false};imgPreload.src=c.href}function hideLightbox(){objOverlay=document.getElementById("overlay");objLightbox=document.getElementById("lightbox");objOverlay.style.display="none";objLightbox.style.display="none";selects=document.getElementsByTagName("select");for(i=0;i!=selects.length;i++){selects[i].style.visibility="visible"}document.onkeypress=""}function initLightbox(){if(!document.getElementsByTagName){return}var b=document.getElementsByTagName("a");for(var e=0;ex pour fermer';a.innerHTML="";m.appendChild(a)}function addLoadEvent(a){var b=window.onload;if(typeof window.onload!="function"){window.onload=a}else{window.onload=function(){b();a()}}}addEvent(window,"load",initLightbox); rep="/roll/";pref="ov_";function initRollover(){src1=src2=el=0;imageOver=[];D=document;im=D.getElementsByTagName("img");if(!im){return}for(var a=0;a '}c+="