/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ if(typeof YAHOO=="undefined"||!YAHOO){var YAHOO={};}YAHOO.namespace=function(){var A=arguments,E=null,C,B,D;for(C=0;C0)?B.dump(G[I],L-1):O);}else{N.push(G[I]);}N.push(M);}if(N.length>1){N.pop();}N.push("]");}else{N.push("{");for(I in G){if(B.hasOwnProperty(G,I)){N.push(I+J);if(B.isObject(G[I])){N.push((L>0)?B.dump(G[I],L-1):O);}else{N.push(G[I]);}N.push(M);}}if(N.length>1){N.pop();}N.push("}");}return N.join("");},substitute:function(V,H,O){var L,K,J,R,S,U,Q=[],I,M="dump",P=" ",G="{",T="}",N;for(;;){L=V.lastIndexOf(G);if(L<0){break;}K=V.indexOf(T,L);if(L+1>=K){break;}I=V.substring(L+1,K);R=I;U=null;J=R.indexOf(P);if(J>-1){U=R.substring(J+1);R=R.substring(0,J);}S=H[R];if(O){S=O(R,S,U);}if(B.isObject(S)){if(B.isArray(S)){S=B.dump(S,parseInt(U,10));}else{U=U||"";N=U.indexOf(M);if(N>-1){U=U.substring(4);}if(S.toString===A.toString||N>-1){S=B.dump(S,parseInt(U,10));}else{S=S.toString();}}}else{if(!B.isString(S)&&!B.isNumber(S)){S="~-"+Q.length+"-~";Q[Q.length]=I;}}V=V.substring(0,L)+S+V.substring(K+1);}for(L=Q.length-1;L>=0;L=L-1){V=V.replace(new RegExp("~-"+L+"-~"),"{"+Q[L]+"}","g");}return V;},trim:function(G){try{return G.replace(/^\s+|\s+$/g,"");}catch(H){return G;}},merge:function(){var J={},H=arguments,G=H.length,I;for(I=0;I519)?true:false);while((G=G[u])){z[0]+=G[b];z[1]+=G[P];if(AC){z=E.Dom._calcBorders(G,z);}}if(E.Dom._getStyle(y,p)!==f){G=y;while((G=G[Z])&&G[C]){AA=G[i];AB=G[O];if(H&&(E.Dom._getStyle(G,"overflow")!=="visible")){z=E.Dom._calcBorders(G,z);}if(AA||AB){z[0]-=AB;z[1]-=AA;}}z[0]+=x;z[1]+=Y;}else{if(D){z[0]-=x;z[1]-=Y;}else{if(I||H){z[0]+=x;z[1]+=Y;}}}z[0]=Math.floor(z[0]);z[1]=Math.floor(z[1]);}else{}return z;};}}(),getX:function(G){var Y=function(x){return E.Dom.getXY(x)[0];};return E.Dom.batch(G,Y,E.Dom,true);},getY:function(G){var Y=function(x){return E.Dom.getXY(x)[1];};return E.Dom.batch(G,Y,E.Dom,true);},setXY:function(G,x,Y){E.Dom.batch(G,E.Dom._setXY,{pos:x,noRetry:Y});},_setXY:function(G,z){var AA=E.Dom._getStyle(G,p),y=E.Dom.setStyle,AD=z.pos,Y=z.noRetry,AB=[parseInt(E.Dom.getComputedStyle(G,j),10),parseInt(E.Dom.getComputedStyle(G,o),10)],AC,x;if(AA=="static"){AA=V;y(G,p,AA);}AC=E.Dom._getXY(G);if(!AD||AC===false){return false;}if(isNaN(AB[0])){AB[0]=(AA==V)?0:G[b];}if(isNaN(AB[1])){AB[1]=(AA==V)?0:G[P];}if(AD[0]!==null){y(G,j,AD[0]-AC[0]+AB[0]+"px");}if(AD[1]!==null){y(G,o,AD[1]-AC[1]+AB[1]+"px");}if(!Y){x=E.Dom._getXY(G);if((AD[0]!==null&&x[0]!=AD[0])||(AD[1]!==null&&x[1]!=AD[1])){E.Dom._setXY(G,{pos:AD,noRetry:true});}}},setX:function(Y,G){E.Dom.setXY(Y,[G,null]);},setY:function(G,Y){E.Dom.setXY(G,[null,Y]);},getRegion:function(G){var Y=function(x){var y=false;if(E.Dom._canPosition(x)){y=E.Region.getRegion(x);}else{}return y;};return E.Dom.batch(G,Y,E.Dom,true);},getClientWidth:function(){return E.Dom.getViewportWidth();},getClientHeight:function(){return E.Dom.getViewportHeight();},getElementsByClassName:function(AB,AF,AC,AE,x,AD){AB=L.trim(AB);AF=AF||"*";AC=(AC)?E.Dom.get(AC):null||K;if(!AC){return[];}var Y=[],G=AC.getElementsByTagName(AF),z=E.Dom.hasClass;for(var y=0,AA=G.length;y-1;}}else{}return G;},addClass:function(Y,G){return E.Dom.batch(Y,E.Dom._addClass,G);},_addClass:function(x,Y){var G=false,y;if(x&&Y){y=E.Dom.getAttribute(x,F)||J;if(!E.Dom._hasClass(x,Y)){E.Dom.setAttribute(x,F,A(y+B+Y));G=true;}}else{}return G;},removeClass:function(Y,G){return E.Dom.batch(Y,E.Dom._removeClass,G);},_removeClass:function(y,x){var Y=false,AA,z,G;if(y&&x){AA=E.Dom.getAttribute(y,F)||J;E.Dom.setAttribute(y,F,AA.replace(E.Dom._getClassRegex(x),J));z=E.Dom.getAttribute(y,F);if(AA!==z){E.Dom.setAttribute(y,F,A(z));Y=true;if(E.Dom.getAttribute(y,F)===""){G=(y.hasAttribute&&y.hasAttribute(g))?g:F;y.removeAttribute(G);}}}else{}return Y;},replaceClass:function(x,Y,G){return E.Dom.batch(x,E.Dom._replaceClass,{from:Y,to:G}); },_replaceClass:function(y,x){var Y,AB,AA,G=false,z;if(y&&x){AB=x.from;AA=x.to;if(!AA){G=false;}else{if(!AB){G=E.Dom._addClass(y,x.to);}else{if(AB!==AA){z=E.Dom.getAttribute(y,F)||J;Y=(B+z.replace(E.Dom._getClassRegex(AB),B+AA)).split(E.Dom._getClassRegex(AA));Y.splice(1,0,B+AA);E.Dom.setAttribute(y,F,A(Y.join(J)));G=true;}}}}else{}return G;},generateId:function(G,x){x=x||"yui-gen";var Y=function(y){if(y&&y.id){return y.id;}var z=x+YAHOO.env._id_counter++;if(y){if(y[e].getElementById(z)){return E.Dom.generateId(y,z+x);}y.id=z;}return z;};return E.Dom.batch(G,Y,E.Dom,true)||Y.apply(E.Dom,arguments);},isAncestor:function(Y,x){Y=E.Dom.get(Y);x=E.Dom.get(x);var G=false;if((Y&&x)&&(Y[l]&&x[l])){if(Y.contains&&Y!==x){G=Y.contains(x);}else{if(Y.compareDocumentPosition){G=!!(Y.compareDocumentPosition(x)&16);}}}else{}return G;},inDocument:function(G,Y){return E.Dom._inDoc(E.Dom.get(G),Y);},_inDoc:function(Y,x){var G=false;if(Y&&Y[C]){x=x||Y[e];G=E.Dom.isAncestor(x[v],Y);}else{}return G;},getElementsBy:function(Y,AF,AB,AD,y,AC,AE){AF=AF||"*";AB=(AB)?E.Dom.get(AB):null||K;if(!AB){return[];}var x=[],G=AB.getElementsByTagName(AF);for(var z=0,AA=G.length;z=this.left&&A.right<=this.right&&A.top>=this.top&&A.bottom<=this.bottom);};YAHOO.util.Region.prototype.getArea=function(){return((this.bottom-this.top)*(this.right-this.left));};YAHOO.util.Region.prototype.intersect=function(E){var C=Math.max(this.top,E.top),D=Math.min(this.right,E.right),A=Math.min(this.bottom,E.bottom),B=Math.max(this.left,E.left);if(A>=C&&D>=B){return new YAHOO.util.Region(C,D,A,B); }else{return null;}};YAHOO.util.Region.prototype.union=function(E){var C=Math.min(this.top,E.top),D=Math.max(this.right,E.right),A=Math.max(this.bottom,E.bottom),B=Math.min(this.left,E.left);return new YAHOO.util.Region(C,D,A,B);};YAHOO.util.Region.prototype.toString=function(){return("Region {"+"top: "+this.top+", right: "+this.right+", bottom: "+this.bottom+", left: "+this.left+", height: "+this.height+", width: "+this.width+"}");};YAHOO.util.Region.getRegion=function(D){var F=YAHOO.util.Dom.getXY(D),C=F[1],E=F[0]+D.offsetWidth,A=F[1]+D.offsetHeight,B=F[0];return new YAHOO.util.Region(C,E,A,B);};YAHOO.util.Point=function(A,B){if(YAHOO.lang.isArray(A)){B=A[1];A=A[0];}YAHOO.util.Point.superclass.constructor.call(this,B,A,B,A);};YAHOO.extend(YAHOO.util.Point,YAHOO.util.Region);(function(){var B=YAHOO.util,A="clientTop",F="clientLeft",J="parentNode",K="right",W="hasLayout",I="px",U="opacity",L="auto",D="borderLeftWidth",G="borderTopWidth",P="borderRightWidth",V="borderBottomWidth",S="visible",Q="transparent",N="height",E="width",H="style",T="currentStyle",R=/^width|height$/,O=/^(\d[.\d]*)+(em|ex|px|gd|rem|vw|vh|vm|ch|mm|cm|in|pt|pc|deg|rad|ms|s|hz|khz|%){1}?/i,M={get:function(X,Z){var Y="",a=X[T][Z];if(Z===U){Y=B.Dom.getStyle(X,U);}else{if(!a||(a.indexOf&&a.indexOf(I)>-1)){Y=a;}else{if(B.Dom.IE_COMPUTED[Z]){Y=B.Dom.IE_COMPUTED[Z](X,Z);}else{if(O.test(a)){Y=B.Dom.IE.ComputedStyle.getPixel(X,Z);}else{Y=a;}}}}return Y;},getOffset:function(Z,e){var b=Z[T][e],X=e.charAt(0).toUpperCase()+e.substr(1),c="offset"+X,Y="pixel"+X,a="",d;if(b==L){d=Z[c];if(d===undefined){a=0;}a=d;if(R.test(e)){Z[H][e]=d;if(Z[c]>d){a=d-(Z[c]-d);}Z[H][e]=L;}}else{if(!Z[H][Y]&&!Z[H][e]){Z[H][e]=b;}a=Z[H][Y];}return a+I;},getBorderWidth:function(X,Z){var Y=null;if(!X[T][W]){X[H].zoom=1;}switch(Z){case G:Y=X[A];break;case V:Y=X.offsetHeight-X.clientHeight-X[A];break;case D:Y=X[F];break;case P:Y=X.offsetWidth-X.clientWidth-X[F];break;}return Y+I;},getPixel:function(Y,X){var a=null,b=Y[T][K],Z=Y[T][X];Y[H][K]=Z;a=Y[H].pixelRight;Y[H][K]=b;return a+I;},getMargin:function(Y,X){var Z;if(Y[T][X]==L){Z=0+I;}else{Z=B.Dom.IE.ComputedStyle.getPixel(Y,X);}return Z;},getVisibility:function(Y,X){var Z;while((Z=Y[T])&&Z[X]=="inherit"){Y=Y[J];}return(Z)?Z[X]:S;},getColor:function(Y,X){return B.Dom.Color.toRGB(Y[T][X])||Q;},getBorderColor:function(Y,X){var Z=Y[T],a=Z[X]||Z.color;return B.Dom.Color.toRGB(B.Dom.Color.toHex(a));}},C={};C.top=C.right=C.bottom=C.left=C[E]=C[N]=M.getOffset;C.color=M.getColor;C[G]=C[P]=C[V]=C[D]=M.getBorderWidth;C.marginTop=C.marginRight=C.marginBottom=C.marginLeft=M.getMargin;C.visibility=M.getVisibility;C.borderColor=C.borderTopColor=C.borderRightColor=C.borderBottomColor=C.borderLeftColor=M.getBorderColor;B.Dom.IE_COMPUTED=C;B.Dom.IE_ComputedStyle=M;})();(function(){var C="toString",A=parseInt,B=RegExp,D=YAHOO.util;D.Dom.Color={KEYWORDS:{black:"000",silver:"c0c0c0",gray:"808080",white:"fff",maroon:"800000",red:"f00",purple:"800080",fuchsia:"f0f",green:"008000",lime:"0f0",olive:"808000",yellow:"ff0",navy:"000080",blue:"00f",teal:"008080",aqua:"0ff"},re_RGB:/^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i,re_hex:/^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i,re_hex3:/([0-9A-F])/gi,toRGB:function(E){if(!D.Dom.Color.re_RGB.test(E)){E=D.Dom.Color.toHex(E);}if(D.Dom.Color.re_hex.exec(E)){E="rgb("+[A(B.$1,16),A(B.$2,16),A(B.$3,16)].join(", ")+")";}return E;},toHex:function(H){H=D.Dom.Color.KEYWORDS[H]||H;if(D.Dom.Color.re_RGB.exec(H)){var G=(B.$1.length===1)?"0"+B.$1:Number(B.$1),F=(B.$2.length===1)?"0"+B.$2:Number(B.$2),E=(B.$3.length===1)?"0"+B.$3:Number(B.$3);H=[G[C](16),F[C](16),E[C](16)].join("");}if(H.length<6){H=H.replace(D.Dom.Color.re_hex3,"$1$1");}if(H!=="transparent"&&H.indexOf("#")<0){H="#"+H;}return H.toLowerCase();}};}());YAHOO.register("dom",YAHOO.util.Dom,{version:"2.7.0",build:"1796"});YAHOO.util.CustomEvent=function(D,C,B,A){this.type=D;this.scope=C||window;this.silent=B;this.signature=A||YAHOO.util.CustomEvent.LIST;this.subscribers=[];if(!this.silent){}var E="_YUICEOnSubscribe";if(D!==E){this.subscribeEvent=new YAHOO.util.CustomEvent(E,this,true);}this.lastError=null;};YAHOO.util.CustomEvent.LIST=0;YAHOO.util.CustomEvent.FLAT=1;YAHOO.util.CustomEvent.prototype={subscribe:function(A,B,C){if(!A){throw new Error("Invalid callback for subscriber to '"+this.type+"'");}if(this.subscribeEvent){this.subscribeEvent.fire(A,B,C);}this.subscribers.push(new YAHOO.util.Subscriber(A,B,C));},unsubscribe:function(D,F){if(!D){return this.unsubscribeAll();}var E=false;for(var B=0,A=this.subscribers.length;B0){B=I[0];}try{G=M.fn.call(L,B,M.obj);}catch(F){this.lastError=F;if(A){throw F;}}}else{try{G=M.fn.call(L,this.type,I,M.obj);}catch(H){this.lastError=H;if(A){throw H;}}}if(false===G){if(!this.silent){}break;}}}return(G!==false);},unsubscribeAll:function(){var A=this.subscribers.length,B;for(B=A-1;B>-1;B--){this._delete(B);}this.subscribers=[];return A;},_delete:function(A){var B=this.subscribers[A];if(B){delete B.fn;delete B.obj;}this.subscribers.splice(A,1);},toString:function(){return"CustomEvent: "+"'"+this.type+"', "+"context: "+this.scope;}};YAHOO.util.Subscriber=function(A,B,C){this.fn=A;this.obj=YAHOO.lang.isUndefined(B)?null:B;this.overrideContext=C;};YAHOO.util.Subscriber.prototype.getScope=function(A){if(this.overrideContext){if(this.overrideContext===true){return this.obj;}else{return this.overrideContext;}}return A;};YAHOO.util.Subscriber.prototype.contains=function(A,B){if(B){return(this.fn==A&&this.obj==B);}else{return(this.fn==A);}};YAHOO.util.Subscriber.prototype.toString=function(){return"Subscriber { obj: "+this.obj+", overrideContext: "+(this.overrideContext||"no")+" }";};if(!YAHOO.util.Event){YAHOO.util.Event=function(){var H=false;var I=[];var J=[];var G=[];var E=[];var C=0;var F=[];var B=[];var A=0;var D={63232:38,63233:40,63234:37,63235:39,63276:33,63277:34,25:9};var K=YAHOO.env.ua.ie?"focusin":"focus";var L=YAHOO.env.ua.ie?"focusout":"blur";return{POLL_RETRYS:2000,POLL_INTERVAL:20,EL:0,TYPE:1,FN:2,WFN:3,UNLOAD_OBJ:3,ADJ_SCOPE:4,OBJ:5,OVERRIDE:6,lastError:null,isSafari:YAHOO.env.ua.webkit,webkit:YAHOO.env.ua.webkit,isIE:YAHOO.env.ua.ie,_interval:null,_dri:null,DOMReady:false,throwErrors:false,startInterval:function(){if(!this._interval){var M=this;var N=function(){M._tryPreloadAttach();};this._interval=setInterval(N,this.POLL_INTERVAL);}},onAvailable:function(S,O,Q,R,P){var M=(YAHOO.lang.isString(S))?[S]:S;for(var N=0;N-1;Q--){W=(this.removeListener(N[Q],M,V)&&W);}return W;}}if(!V||!V.call){return this.purgeElement(N,false,M);}if("unload"==M){for(Q=J.length-1;Q>-1;Q--){X=J[Q];if(X&&X[0]==N&&X[1]==M&&X[2]==V){J.splice(Q,1);return true;}}return false;}var R=null;var S=arguments[3];if("undefined"===typeof S){S=this._getCacheIndex(N,M,V);}if(S>=0){R=I[S];}if(!N||!R){return false;}if(this.useLegacyEvent(N,M)){var P=this.getLegacyIndex(N,M);var O=E[P];if(O){for(Q=0,T=O.length;Q0&&F.length>0);}var R=[];var T=function(V,W){var U=V;if(W.overrideContext){if(W.overrideContext===true){U=W.obj;}else{U=W.overrideContext;}}W.fn.call(U,W.obj);};var N,M,Q,P,O=[];for(N=0,M=F.length;N-1;N--){Q=F[N];if(!Q||!Q.id){F.splice(N,1);}}this.startInterval();}else{if(this._interval){clearInterval(this._interval);this._interval=null;}}this.locked=false;},purgeElement:function(Q,R,T){var O=(YAHOO.lang.isString(Q))?this.getEl(Q):Q;var S=this.getListeners(O,T),P,M;if(S){for(P=S.length-1;P>-1;P--){var N=S[P];this.removeListener(O,N.type,N.fn);}}if(R&&O&&O.childNodes){for(P=0,M=O.childNodes.length;P-1;P--){O=I[P];if(O){N.removeListener(O[N.EL],O[N.TYPE],O[N.FN],P);}}O=null;}G=null;N._simpleRemove(window,"unload",N._unload);},_getScrollLeft:function(){return this._getScroll()[1];},_getScrollTop:function(){return this._getScroll()[0];},_getScroll:function(){var M=document.documentElement,N=document.body;if(M&&(M.scrollTop||M.scrollLeft)){return[M.scrollTop,M.scrollLeft];}else{if(N){return[N.scrollTop,N.scrollLeft];}else{return[0,0];}}},regCE:function(){},_simpleAdd:function(){if(window.addEventListener){return function(O,P,N,M){O.addEventListener(P,N,(M));};}else{if(window.attachEvent){return function(O,P,N,M){O.attachEvent("on"+P,N);};}else{return function(){};}}}(),_simpleRemove:function(){if(window.removeEventListener){return function(O,P,N,M){O.removeEventListener(P,N,(M));};}else{if(window.detachEvent){return function(N,O,M){N.detachEvent("on"+O,M);};}else{return function(){};}}}()};}();(function(){var EU=YAHOO.util.Event;EU.on=EU.addListener;EU.onFocus=EU.addFocusListener;EU.onBlur=EU.addBlurListener; /* DOMReady: based on work by: Dean Edwards/John Resig/Matthias Miller */ if(EU.isIE){YAHOO.util.Event.onDOMReady(YAHOO.util.Event._tryPreloadAttach,YAHOO.util.Event,true);var n=document.createElement("p");EU._dri=setInterval(function(){try{n.doScroll("left");clearInterval(EU._dri);EU._dri=null;EU._ready();n=null;}catch(ex){}},EU.POLL_INTERVAL);}else{if(EU.webkit&&EU.webkit<525){EU._dri=setInterval(function(){var rs=document.readyState;if("loaded"==rs||"complete"==rs){clearInterval(EU._dri);EU._dri=null;EU._ready();}},EU.POLL_INTERVAL);}else{EU._simpleAdd(document,"DOMContentLoaded",EU._ready);}}EU._simpleAdd(window,"load",EU._load);EU._simpleAdd(window,"unload",EU._unload);EU._tryPreloadAttach();})();}YAHOO.util.EventProvider=function(){};YAHOO.util.EventProvider.prototype={__yui_events:null,__yui_subscribers:null,subscribe:function(A,C,F,E){this.__yui_events=this.__yui_events||{};var D=this.__yui_events[A];if(D){D.subscribe(C,F,E); }else{this.__yui_subscribers=this.__yui_subscribers||{};var B=this.__yui_subscribers;if(!B[A]){B[A]=[];}B[A].push({fn:C,obj:F,overrideContext:E});}},unsubscribe:function(C,E,G){this.__yui_events=this.__yui_events||{};var A=this.__yui_events;if(C){var F=A[C];if(F){return F.unsubscribe(E,G);}}else{var B=true;for(var D in A){if(YAHOO.lang.hasOwnProperty(A,D)){B=B&&A[D].unsubscribe(E,G);}}return B;}return false;},unsubscribeAll:function(A){return this.unsubscribe(A);},createEvent:function(G,D){this.__yui_events=this.__yui_events||{};var A=D||{};var I=this.__yui_events;if(I[G]){}else{var H=A.scope||this;var E=(A.silent);var B=new YAHOO.util.CustomEvent(G,H,E,YAHOO.util.CustomEvent.FLAT);I[G]=B;if(A.onSubscribeCallback){B.subscribeEvent.subscribe(A.onSubscribeCallback);}this.__yui_subscribers=this.__yui_subscribers||{};var F=this.__yui_subscribers[G];if(F){for(var C=0;C= 0; --i) { if (pstack[i] === o) { return 'null'; } } // Add the object to the processing stack pstack[pstack.length] = o; a = []; isArray = l.isArray(o); // Only recurse if we're above depth config if (d > 0) { // Array if (isArray) { for (i = o.length - 1; i >= 0; --i) { a[i] = _stringify(o,i,d-1,w,pstack) || 'null'; } // Object } else { j = 0; // Use whitelist keys if provided as an array if (l.isArray(w)) { for (i = 0, len = w.length; i < len; ++i) { k = w[i]; v = _stringify(o,k,d-1,w,pstack); if (v) { a[j++] = _string(k) + ':' + v; } } } else { for (k in o) { if (typeof k === 'string' && l.hasOwnProperty(o,k)) { v = _stringify(o,k,d-1,w,pstack); if (v) { a[j++] = _string(k) + ':' + v; } } } } // sort object keys for easier readability a.sort(); } } // remove the object from the stack pstack.pop(); return isArray ? '['+a.join(',')+']' : '{'+a.join(',')+'}'; } return undefined; // invalid input } // Return the public API return { /** * Four step determination whether a string is valid JSON. In three steps, * escape sequences, safe values, and properly placed open square brackets * are replaced with placeholders or removed. Then in the final step, the * result of all these replacements is checked for invalid characters. * @method isValid * @param str {String} JSON string to be tested * @return {boolean} is the string safe for eval? * @static */ isValid : function (s) { return _isValid(_prepare(s)); }, /** * Parse a JSON string, returning the native JavaScript representation. * Only minor modifications from http://www.json.org/json2.js. * @param s {string} JSON string data * @param reviver {function} (optional) function(k,v) passed each key:value * pair of object literals, allowing pruning or altering values * @return {MIXED} the native JavaScript representation of the JSON string * @throws SyntaxError * @method parse * @static */ parse : function (s,reviver) { // sanitize s = _prepare(s); // Ensure valid JSON if (_isValid(s)) { // Eval the text into a JavaScript data structure, apply the // reviver function if provided, and return return _revive( eval('(' + s + ')'), reviver ); } // The text is not valid JSON throw new SyntaxError('parseJSON'); }, /** * Converts an arbitrary value to a JSON string representation. * Cyclical object or array references are replaced with null. * If a whitelist is provided, only matching object keys will be included. * If a depth limit is provided, objects and arrays at that depth will * be stringified as empty. * @method stringify * @param o {MIXED} any arbitrary object to convert to JSON string * @param w {Array|Function} (optional) whitelist of acceptable object keys to include OR a function(value,key) to alter values before serialization * @param d {number} (optional) depth limit to recurse objects/arrays (practical minimum 1) * @return {string} JSON string representation of the input * @static */ stringify : function (o,w,d) { if (o !== undefined) { // Ensure whitelist keys are unique (bug 2110391) if (l.isArray(w)) { w = (function (a) { var uniq=[],map={},v,i,j,len; for (i=0,j=0,len=a.length; i= 0 ? d : 1/0; // process the input return _stringify({'':o},'',d,w,[]); } return undefined; }, /** * Serializes a Date instance as a UTC date string. Used internally by * stringify. Override this method if you need Dates serialized in a * different format. * @method dateToString * @param d {Date} The Date to serialize * @return {String} stringified Date in UTC format YYYY-MM-DDTHH:mm:SSZ * @static */ dateToString : function (d) { function _zeroPad(v) { return v < 10 ? '0' + v : v; } return d.getUTCFullYear() + '-' + _zeroPad(d.getUTCMonth() + 1) + '-' + _zeroPad(d.getUTCDate()) + 'T' + _zeroPad(d.getUTCHours()) + ':' + _zeroPad(d.getUTCMinutes()) + ':' + _zeroPad(d.getUTCSeconds()) + 'Z'; }, /** * Reconstitute Date instances from the default JSON UTC serialization. * Reference this from a reviver function to rebuild Dates during the * parse operation. * @method stringToDate * @param str {String} String serialization of a Date * @return {Date} */ stringToDate : function (str) { if (/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})Z$/.test(str)) { var d = new Date(); d.setUTCFullYear(RegExp.$1, (RegExp.$2|0)-1, RegExp.$3); d.setUTCHours(RegExp.$4, RegExp.$5, RegExp.$6); return d; } return str; } }; })(); YAHOO.register("json", YAHOO.lang.JSON, {version: "2.7.0", build: "1796"}); /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /** * Provides Attribute configurations. * @namespace YAHOO.util * @class Attribute * @constructor * @param hash {Object} The intial Attribute. * @param {YAHOO.util.AttributeProvider} The owner of the Attribute instance. */ YAHOO.util.Attribute = function(hash, owner) { if (owner) { this.owner = owner; this.configure(hash, true); } }; YAHOO.util.Attribute.prototype = { /** * The name of the attribute. * @property name * @type String */ name: undefined, /** * The value of the attribute. * @property value * @type String */ value: null, /** * The owner of the attribute. * @property owner * @type YAHOO.util.AttributeProvider */ owner: null, /** * Whether or not the attribute is read only. * @property readOnly * @type Boolean */ readOnly: false, /** * Whether or not the attribute can only be written once. * @property writeOnce * @type Boolean */ writeOnce: false, /** * The attribute's initial configuration. * @private * @property _initialConfig * @type Object */ _initialConfig: null, /** * Whether or not the attribute's value has been set. * @private * @property _written * @type Boolean */ _written: false, /** * A function to call when setting the attribute's value. * The method receives the new value as the first arg and the attribute name as the 2nd * @property method * @type Function */ method: null, /** * The function to use when setting the attribute's value. * The setter receives the new value as the first arg and the attribute name as the 2nd * The return value of the setter replaces the value passed to set(). * @property setter * @type Function */ setter: null, /** * The function to use when getting the attribute's value. * The getter receives the new value as the first arg and the attribute name as the 2nd * The return value of the getter will be used as the return from get(). * @property getter * @type Function */ getter: null, /** * The validator to use when setting the attribute's value. * @property validator * @type Function * @return Boolean */ validator: null, /** * Retrieves the current value of the attribute. * @method getValue * @return {any} The current value of the attribute. */ getValue: function() { var val = this.value; if (this.getter) { val = this.getter.call(this.owner, this.name); } return val; }, /** * Sets the value of the attribute and fires beforeChange and change events. * @method setValue * @param {Any} value The value to apply to the attribute. * @param {Boolean} silent If true the change events will not be fired. * @return {Boolean} Whether or not the value was set. */ setValue: function(value, silent) { var beforeRetVal, owner = this.owner, name = this.name; var event = { type: name, prevValue: this.getValue(), newValue: value }; if (this.readOnly || ( this.writeOnce && this._written) ) { return false; // write not allowed } if (this.validator && !this.validator.call(owner, value) ) { return false; // invalid value } if (!silent) { beforeRetVal = owner.fireBeforeChangeEvent(event); if (beforeRetVal === false) { return false; } } if (this.setter) { value = this.setter.call(owner, value, this.name); if (value === undefined) { } } if (this.method) { this.method.call(owner, value, this.name); } this.value = value; // TODO: set before calling setter/method? this._written = true; event.type = name; if (!silent) { this.owner.fireChangeEvent(event); } return true; }, /** * Allows for configuring the Attribute's properties. * @method configure * @param {Object} map A key-value map of Attribute properties. * @param {Boolean} init Whether or not this should become the initial config. */ configure: function(map, init) { map = map || {}; if (init) { this._written = false; // reset writeOnce } this._initialConfig = this._initialConfig || {}; for (var key in map) { if ( map.hasOwnProperty(key) ) { this[key] = map[key]; if (init) { this._initialConfig[key] = map[key]; } } } }, /** * Resets the value to the initial config value. * @method resetValue * @return {Boolean} Whether or not the value was set. */ resetValue: function() { return this.setValue(this._initialConfig.value); }, /** * Resets the attribute config to the initial config state. * @method resetConfig */ resetConfig: function() { this.configure(this._initialConfig, true); }, /** * Resets the value to the current value. * Useful when values may have gotten out of sync with actual properties. * @method refresh * @return {Boolean} Whether or not the value was set. */ refresh: function(silent) { this.setValue(this.value, silent); } }; (function() { var Lang = YAHOO.util.Lang; /* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */ /** * Provides and manages YAHOO.util.Attribute instances * @namespace YAHOO.util * @class AttributeProvider * @uses YAHOO.util.EventProvider */ YAHOO.util.AttributeProvider = function() {}; YAHOO.util.AttributeProvider.prototype = { /** * A key-value map of Attribute configurations * @property _configs * @protected (may be used by subclasses and augmentors) * @private * @type {Object} */ _configs: null, /** * Returns the current value of the attribute. * @method get * @param {String} key The attribute whose value will be returned. * @return {Any} The current value of the attribute. */ get: function(key){ this._configs = this._configs || {}; var config = this._configs[key]; if (!config || !this._configs.hasOwnProperty(key)) { return null; } return config.getValue(); }, /** * Sets the value of a config. * @method set * @param {String} key The name of the attribute * @param {Any} value The value to apply to the attribute * @param {Boolean} silent Whether or not to suppress change events * @return {Boolean} Whether or not the value was set. */ set: function(key, value, silent){ this._configs = this._configs || {}; var config = this._configs[key]; if (!config) { return false; } return config.setValue(value, silent); }, /** * Returns an array of attribute names. * @method getAttributeKeys * @return {Array} An array of attribute names. */ getAttributeKeys: function(){ this._configs = this._configs; var keys = [], key; for (key in this._configs) { if ( Lang.hasOwnProperty(this._configs, key) && !Lang.isUndefined(this._configs[key]) ) { keys[keys.length] = key; } } return keys; }, /** * Sets multiple attribute values. * @method setAttributes * @param {Object} map A key-value map of attributes * @param {Boolean} silent Whether or not to suppress change events */ setAttributes: function(map, silent){ for (var key in map) { if ( Lang.hasOwnProperty(map, key) ) { this.set(key, map[key], silent); } } }, /** * Resets the specified attribute's value to its initial value. * @method resetValue * @param {String} key The name of the attribute * @param {Boolean} silent Whether or not to suppress change events * @return {Boolean} Whether or not the value was set */ resetValue: function(key, silent){ this._configs = this._configs || {}; if (this._configs[key]) { this.set(key, this._configs[key]._initialConfig.value, silent); return true; } return false; }, /** * Sets the attribute's value to its current value. * @method refresh * @param {String | Array} key The attribute(s) to refresh * @param {Boolean} silent Whether or not to suppress change events */ refresh: function(key, silent) { this._configs = this._configs || {}; var configs = this._configs; key = ( ( Lang.isString(key) ) ? [key] : key ) || this.getAttributeKeys(); for (var i = 0, len = key.length; i < len; ++i) { if (configs.hasOwnProperty(key[i])) { this._configs[key[i]].refresh(silent); } } }, /** * Adds an Attribute to the AttributeProvider instance. * @method register * @param {String} key The attribute's name * @param {Object} map A key-value map containing the * attribute's properties. * @deprecated Use setAttributeConfig */ register: function(key, map) { this.setAttributeConfig(key, map); }, /** * Returns the attribute's properties. * @method getAttributeConfig * @param {String} key The attribute's name * @private * @return {object} A key-value map containing all of the * attribute's properties. */ getAttributeConfig: function(key) { this._configs = this._configs || {}; var config = this._configs[key] || {}; var map = {}; // returning a copy to prevent overrides for (key in config) { if ( Lang.hasOwnProperty(config, key) ) { map[key] = config[key]; } } return map; }, /** * Sets or updates an Attribute instance's properties. * @method setAttributeConfig * @param {String} key The attribute's name. * @param {Object} map A key-value map of attribute properties * @param {Boolean} init Whether or not this should become the intial config. */ setAttributeConfig: function(key, map, init) { this._configs = this._configs || {}; map = map || {}; if (!this._configs[key]) { map.name = key; this._configs[key] = this.createAttribute(map); } else { this._configs[key].configure(map, init); } }, /** * Sets or updates an Attribute instance's properties. * @method configureAttribute * @param {String} key The attribute's name. * @param {Object} map A key-value map of attribute properties * @param {Boolean} init Whether or not this should become the intial config. * @deprecated Use setAttributeConfig */ configureAttribute: function(key, map, init) { this.setAttributeConfig(key, map, init); }, /** * Resets an attribute to its intial configuration. * @method resetAttributeConfig * @param {String} key The attribute's name. * @private */ resetAttributeConfig: function(key){ this._configs = this._configs || {}; this._configs[key].resetConfig(); }, // wrapper for EventProvider.subscribe // to create events on the fly subscribe: function(type, callback) { this._events = this._events || {}; if ( !(type in this._events) ) { this._events[type] = this.createEvent(type); } YAHOO.util.EventProvider.prototype.subscribe.apply(this, arguments); }, on: function() { this.subscribe.apply(this, arguments); }, addListener: function() { this.subscribe.apply(this, arguments); }, /** * Fires the attribute's beforeChange event. * @method fireBeforeChangeEvent * @param {String} key The attribute's name. * @param {Obj} e The event object to pass to handlers. */ fireBeforeChangeEvent: function(e) { var type = 'before'; type += e.type.charAt(0).toUpperCase() + e.type.substr(1) + 'Change'; e.type = type; return this.fireEvent(e.type, e); }, /** * Fires the attribute's change event. * @method fireChangeEvent * @param {String} key The attribute's name. * @param {Obj} e The event object to pass to the handlers. */ fireChangeEvent: function(e) { e.type += 'Change'; return this.fireEvent(e.type, e); }, createAttribute: function(map) { return new YAHOO.util.Attribute(map, this); } }; YAHOO.augment(YAHOO.util.AttributeProvider, YAHOO.util.EventProvider); })(); (function() { // internal shorthand var Dom = YAHOO.util.Dom, AttributeProvider = YAHOO.util.AttributeProvider; /** * Element provides an wrapper object to simplify adding * event listeners, using dom methods, and managing attributes. * @module element * @namespace YAHOO.util * @requires yahoo, dom, event */ /** * Element provides an wrapper object to simplify adding * event listeners, using dom methods, and managing attributes. * @class Element * @uses YAHOO.util.AttributeProvider * @constructor * @param el {HTMLElement | String} The html element that * represents the Element. * @param {Object} map A key-value map of initial config names and values */ var Element = function(el, map) { this.init.apply(this, arguments); }; Element.DOM_EVENTS = { 'click': true, 'dblclick': true, 'keydown': true, 'keypress': true, 'keyup': true, 'mousedown': true, 'mousemove': true, 'mouseout': true, 'mouseover': true, 'mouseup': true, 'focus': true, 'blur': true, 'submit': true, 'change': true }; Element.prototype = { /** * Dom events supported by the Element instance. * @property DOM_EVENTS * @type Object */ DOM_EVENTS: null, DEFAULT_HTML_SETTER: function(value, key) { var el = this.get('element'); if (el) { el[key] = value; } }, DEFAULT_HTML_GETTER: function(key) { var el = this.get('element'), val; if (el) { val = el[key]; } return val; }, /** * Wrapper for HTMLElement method. * @method appendChild * @param {YAHOO.util.Element || HTMLElement} child The element to append. * @return {HTMLElement} The appended DOM element. */ appendChild: function(child) { child = child.get ? child.get('element') : child; return this.get('element').appendChild(child); }, /** * Wrapper for HTMLElement method. * @method getElementsByTagName * @param {String} tag The tagName to collect * @return {HTMLCollection} A collection of DOM elements. */ getElementsByTagName: function(tag) { return this.get('element').getElementsByTagName(tag); }, /** * Wrapper for HTMLElement method. * @method hasChildNodes * @return {Boolean} Whether or not the element has childNodes */ hasChildNodes: function() { return this.get('element').hasChildNodes(); }, /** * Wrapper for HTMLElement method. * @method insertBefore * @param {HTMLElement} element The HTMLElement to insert * @param {HTMLElement} before The HTMLElement to insert * the element before. * @return {HTMLElement} The inserted DOM element. */ insertBefore: function(element, before) { element = element.get ? element.get('element') : element; before = (before && before.get) ? before.get('element') : before; return this.get('element').insertBefore(element, before); }, /** * Wrapper for HTMLElement method. * @method removeChild * @param {HTMLElement} child The HTMLElement to remove * @return {HTMLElement} The removed DOM element. */ removeChild: function(child) { child = child.get ? child.get('element') : child; return this.get('element').removeChild(child); }, /** * Wrapper for HTMLElement method. * @method replaceChild * @param {HTMLElement} newNode The HTMLElement to insert * @param {HTMLElement} oldNode The HTMLElement to replace * @return {HTMLElement} The replaced DOM element. */ replaceChild: function(newNode, oldNode) { newNode = newNode.get ? newNode.get('element') : newNode; oldNode = oldNode.get ? oldNode.get('element') : oldNode; return this.get('element').replaceChild(newNode, oldNode); }, /** * Registers Element specific attributes. * @method initAttributes * @param {Object} map A key-value map of initial attribute configs */ initAttributes: function(map) { }, /** * Adds a listener for the given event. These may be DOM or * customEvent listeners. Any event that is fired via fireEvent * can be listened for. All handlers receive an event object. * @method addListener * @param {String} type The name of the event to listen for * @param {Function} fn The handler to call when the event fires * @param {Any} obj A variable to pass to the handler * @param {Object} scope The object to use for the scope of the handler */ addListener: function(type, fn, obj, scope) { var el = this.get('element') || this.get('id'); scope = scope || this; var self = this; if (!this._events[type]) { // create on the fly if (el && this.DOM_EVENTS[type]) { YAHOO.util.Event.addListener(el, type, function(e) { if (e.srcElement && !e.target) { // supplement IE with target e.target = e.srcElement; } self.fireEvent(type, e); }, obj, scope); } this.createEvent(type, this); } return YAHOO.util.EventProvider.prototype.subscribe.apply(this, arguments); // notify via customEvent }, /** * Alias for addListener * @method on * @param {String} type The name of the event to listen for * @param {Function} fn The function call when the event fires * @param {Any} obj A variable to pass to the handler * @param {Object} scope The object to use for the scope of the handler */ on: function() { return this.addListener.apply(this, arguments); }, /** * Alias for addListener * @method subscribe * @param {String} type The name of the event to listen for * @param {Function} fn The function call when the event fires * @param {Any} obj A variable to pass to the handler * @param {Object} scope The object to use for the scope of the handler */ subscribe: function() { return this.addListener.apply(this, arguments); }, /** * Remove an event listener * @method removeListener * @param {String} type The name of the event to listen for * @param {Function} fn The function call when the event fires */ removeListener: function(type, fn) { return this.unsubscribe.apply(this, arguments); }, /** * Wrapper for Dom method. * @method addClass * @param {String} className The className to add */ addClass: function(className) { Dom.addClass(this.get('element'), className); }, /** * Wrapper for Dom method. * @method getElementsByClassName * @param {String} className The className to collect * @param {String} tag (optional) The tag to use in * conjunction with class name * @return {Array} Array of HTMLElements */ getElementsByClassName: function(className, tag) { return Dom.getElementsByClassName(className, tag, this.get('element') ); }, /** * Wrapper for Dom method. * @method hasClass * @param {String} className The className to add * @return {Boolean} Whether or not the element has the class name */ hasClass: function(className) { return Dom.hasClass(this.get('element'), className); }, /** * Wrapper for Dom method. * @method removeClass * @param {String} className The className to remove */ removeClass: function(className) { return Dom.removeClass(this.get('element'), className); }, /** * Wrapper for Dom method. * @method replaceClass * @param {String} oldClassName The className to replace * @param {String} newClassName The className to add */ replaceClass: function(oldClassName, newClassName) { return Dom.replaceClass(this.get('element'), oldClassName, newClassName); }, /** * Wrapper for Dom method. * @method setStyle * @param {String} property The style property to set * @param {String} value The value to apply to the style property */ setStyle: function(property, value) { return Dom.setStyle(this.get('element'), property, value); // TODO: always queuing? }, /** * Wrapper for Dom method. * @method getStyle * @param {String} property The style property to retrieve * @return {String} The current value of the property */ getStyle: function(property) { return Dom.getStyle(this.get('element'), property); }, /** * Apply any queued set calls. * @method fireQueue */ fireQueue: function() { var queue = this._queue; for (var i = 0, len = queue.length; i < len; ++i) { this[queue[i][0]].apply(this, queue[i][1]); } }, /** * Appends the HTMLElement into either the supplied parentNode. * @method appendTo * @param {HTMLElement | Element} parentNode The node to append to * @param {HTMLElement | Element} before An optional node to insert before * @return {HTMLElement} The appended DOM element. */ appendTo: function(parent, before) { parent = (parent.get) ? parent.get('element') : Dom.get(parent); this.fireEvent('beforeAppendTo', { type: 'beforeAppendTo', target: parent }); before = (before && before.get) ? before.get('element') : Dom.get(before); var element = this.get('element'); if (!element) { return false; } if (!parent) { return false; } if (element.parent != parent) { if (before) { parent.insertBefore(element, before); } else { parent.appendChild(element); } } this.fireEvent('appendTo', { type: 'appendTo', target: parent }); return element; }, get: function(key) { var configs = this._configs || {}, el = configs.element; // avoid loop due to 'element' if (el && !configs[key] && !YAHOO.lang.isUndefined(el.value[key]) ) { this._setHTMLAttrConfig(key); } return AttributeProvider.prototype.get.call(this, key); }, setAttributes: function(map, silent) { // set based on configOrder var done = {}, configOrder = this._configOrder; // set based on configOrder for (var i = 0, len = configOrder.length; i < len; ++i) { if (map[configOrder[i]] !== undefined) { done[configOrder[i]] = true; this.set(configOrder[i], map[configOrder[i]], silent); } } // unconfigured (e.g. Dom attributes) for (var att in map) { if (map.hasOwnProperty(att) && !done[att]) { this.set(att, map[att], silent); } } }, set: function(key, value, silent) { var el = this.get('element'); if (!el) { this._queue[this._queue.length] = ['set', arguments]; if (this._configs[key]) { this._configs[key].value = value; // so "get" works while queueing } return; } // set it on the element if not configured and is an HTML attribute if ( !this._configs[key] && !YAHOO.lang.isUndefined(el[key]) ) { this._setHTMLAttrConfig(key); } return AttributeProvider.prototype.set.apply(this, arguments); }, setAttributeConfig: function(key, map, init) { this._configOrder.push(key); AttributeProvider.prototype.setAttributeConfig.apply(this, arguments); }, createEvent: function(type, scope) { this._events[type] = true; return AttributeProvider.prototype.createEvent.apply(this, arguments); }, init: function(el, attr) { this._initElement(el, attr); }, destroy: function() { var el = this.get('element'); YAHOO.util.Event.purgeElement(el, true); // purge DOM listeners recursively this.unsubscribeAll(); // unsubscribe all custom events if (el && el.parentNode) { el.parentNode.removeChild(el); // pull from the DOM } // revert initial configs this._queue = []; this._events = {}; this._configs = {}; this._configOrder = []; }, _initElement: function(el, attr) { this._queue = this._queue || []; this._events = this._events || {}; this._configs = this._configs || {}; this._configOrder = []; attr = attr || {}; attr.element = attr.element || el || null; var isReady = false; // to determine when to init HTMLElement and content var DOM_EVENTS = Element.DOM_EVENTS; this.DOM_EVENTS = this.DOM_EVENTS || {}; for (var event in DOM_EVENTS) { if (DOM_EVENTS.hasOwnProperty(event)) { this.DOM_EVENTS[event] = DOM_EVENTS[event]; } } if (typeof attr.element === 'string') { // register ID for get() access this._setHTMLAttrConfig('id', { value: attr.element }); } if (Dom.get(attr.element)) { isReady = true; this._initHTMLElement(attr); this._initContent(attr); } YAHOO.util.Event.onAvailable(attr.element, function() { if (!isReady) { // otherwise already done this._initHTMLElement(attr); } this.fireEvent('available', { type: 'available', target: Dom.get(attr.element) }); }, this, true); YAHOO.util.Event.onContentReady(attr.element, function() { if (!isReady) { // otherwise already done this._initContent(attr); } this.fireEvent('contentReady', { type: 'contentReady', target: Dom.get(attr.element) }); }, this, true); }, _initHTMLElement: function(attr) { /** * The HTMLElement the Element instance refers to. * @attribute element * @type HTMLElement */ this.setAttributeConfig('element', { value: Dom.get(attr.element), readOnly: true }); }, _initContent: function(attr) { this.initAttributes(attr); this.setAttributes(attr, true); this.fireQueue(); }, /** * Sets the value of the property and fires beforeChange and change events. * @private * @method _setHTMLAttrConfig * @param {YAHOO.util.Element} element The Element instance to * register the config to. * @param {String} key The name of the config to register * @param {Object} map A key-value map of the config's params */ _setHTMLAttrConfig: function(key, map) { var el = this.get('element'); map = map || {}; map.name = key; map.setter = map.setter || this.DEFAULT_HTML_SETTER; map.getter = map.getter || this.DEFAULT_HTML_GETTER; map.value = map.value || el[key]; this._configs[key] = new YAHOO.util.Attribute(map, this); } }; /** * Fires when the Element's HTMLElement can be retrieved by Id. *

See: Element.addListener

*

Event fields:
* <String> type available
* <HTMLElement> * target the HTMLElement bound to this Element instance
*

Usage:
* var handler = function(e) {var target = e.target};
* myTabs.addListener('available', handler);

* @event available */ /** * Fires when the Element's HTMLElement subtree is rendered. *

See: Element.addListener

*

Event fields:
* <String> type contentReady
* <HTMLElement> * target the HTMLElement bound to this Element instance
*

Usage:
* var handler = function(e) {var target = e.target};
* myTabs.addListener('contentReady', handler);

* @event contentReady */ /** * Fires before the Element is appended to another Element. *

See: Element.addListener

*

Event fields:
* <String> type beforeAppendTo
* <HTMLElement/Element> * target the HTMLElement/Element being appended to *

Usage:
* var handler = function(e) {var target = e.target};
* myTabs.addListener('beforeAppendTo', handler);

* @event beforeAppendTo */ /** * Fires after the Element is appended to another Element. *

See: Element.addListener

*

Event fields:
* <String> type appendTo
* <HTMLElement/Element> * target the HTMLElement/Element being appended to *

Usage:
* var handler = function(e) {var target = e.target};
* myTabs.addListener('appendTo', handler);

* @event appendTo */ YAHOO.augment(Element, AttributeProvider); YAHOO.util.Element = Element; })(); YAHOO.register("element", YAHOO.util.Element, {version: "2.7.0", build: "1796"}); /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /** * @module button * @description

The 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) { /* 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(), 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)) { 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, this.CSS_CLASS_NAME + "-checked")) { p_oAttributes.checked = true; } if (Dom.hasClass(oRootNode, this.CSS_CLASS_NAME + "-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(); } 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; } oConfig.attributes.srcelement = oElement; initConfig.call(this, oConfig); if (!oConfig.element) { 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(); } } oConfig.attributes.srcelement = p_oElement; initConfig.call(this, oConfig); if (!oConfig.element) { 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 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 "yui-button" * @final * @type String */ CSS_CLASS_NAME: "yui-button", /** * @property RADIO_DEFAULT_TITLE * @description String representing the default title applied to buttons * of type "radio." * @default "Unchecked. Click to check." * @final * @type String */ RADIO_DEFAULT_TITLE: "Unchecked. Click to check.", /** * @property RADIO_CHECKED_TITLE * @description String representing the title applied to buttons of * type "radio" when checked. * @default "Checked. Click another button to uncheck" * @final * @type String */ RADIO_CHECKED_TITLE: "Checked. Click another button to uncheck", /** * @property CHECKBOX_DEFAULT_TITLE * @description String representing the default title applied to * buttons of type "checkbox." * @default "Unchecked. Click to check." * @final * @type String */ CHECKBOX_DEFAULT_TITLE: "Unchecked. Click to check.", /** * @property CHECKBOX_CHECKED_TITLE * @description String representing the title applied to buttons of type * "checkbox" when checked. * @default "Checked. Click to uncheck." * @final * @type String */ CHECKBOX_CHECKED_TITLE: "Checked. Click to uncheck.", /** * @property MENUBUTTON_DEFAULT_TITLE * @description String representing the default title applied to * buttons of type "menu." * @default "Menu collapsed. Click to expand." * @final * @type String */ MENUBUTTON_DEFAULT_TITLE: "Menu collapsed. Click to expand.", /** * @property MENUBUTTON_MENU_VISIBLE_TITLE * @description String representing the title applied to buttons of type * "menu" when the button's menu is visible. * @default "Menu expanded. Click or press Esc to collapse." * @final * @type String */ MENUBUTTON_MENU_VISIBLE_TITLE: "Menu expanded. Click or press Esc to collapse.", /** * @property SPLITBUTTON_DEFAULT_TITLE * @description String representing the default title applied to * buttons of type "split." * @default "Menu collapsed. Click inside option region or press * Ctrl + Shift + M to show the menu." * @final * @type String */ SPLITBUTTON_DEFAULT_TITLE: ("Menu collapsed. Click inside option " + "region or press down arrow key to show the menu."), /** * @property SPLITBUTTON_OPTION_VISIBLE_TITLE * @description String representing the title applied to buttons of type * "split" when the button's menu is visible. * @default "Menu expanded. Press Esc or Ctrl + Shift + M to hide * the menu." * @final * @type String */ SPLITBUTTON_OPTION_VISIBLE_TITLE: "Menu expanded. Press Esc to hide the menu.", /** * @property SUBMIT_TITLE * @description String representing the title applied to buttons of * type "submit." * @default "Click to submit form." * @final * @type String */ SUBMIT_TITLE: "Click to submit form.", // 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 {String} 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.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) { var sTitle = p_sTitle; if (this.get("type") != "link") { if (!sTitle) { switch (this.get("type")) { case "radio": sTitle = this.RADIO_DEFAULT_TITLE; break; case "checkbox": sTitle = this.CHECKBOX_DEFAULT_TITLE; break; case "menu": sTitle = this.MENUBUTTON_DEFAULT_TITLE; break; case "split": sTitle = this.SPLITBUTTON_DEFAULT_TITLE; break; case "submit": sTitle = this.SUBMIT_TITLE; break; } } this._button.title = 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"), sTitle; if (sType == "checkbox" || sType == "radio") { if (p_bChecked) { this.addStateCSSClasses("checked"); sTitle = (sType == "radio") ? this.RADIO_CHECKED_TITLE : this.CHECKBOX_CHECKED_TITLE; } else { this.removeStateCSSClasses("checked"); sTitle = (sType == "radio") ? this.RADIO_DEFAULT_TITLE : this.CHECKBOX_DEFAULT_TITLE; } if (!this._hasDefaultTitle) { this.set("title", sTitle); } } }, /** * @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, "yui-" + 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._activationButtonPressed || 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._activationButtonPressed || 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()) { 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) { var sType = this.get("type"), oHideMenuTimer = this._hideMenuTimer, bReturnVal = true; if (oHideMenuTimer) { oHideMenuTimer.cancel(); } if (sType == "checkbox" || sType == "radio") { 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"), sTitle, oForm, oSrcElement, bReturnVal; switch (sType) { case "radio": case "checkbox": if (!this._hasDefaultTitle) { if (this.get("checked")) { sTitle = (sType == "radio") ? this.RADIO_CHECKED_TITLE : this.CHECKBOX_CHECKED_TITLE; } else { sTitle = (sType == "radio") ? this.RADIO_DEFAULT_TITLE : this.CHECKBOX_DEFAULT_TITLE; } this.set("title", sTitle); } break; case "submit": if (p_oEvent.returnValue !== false) { this.submitForm(); } break; case "reset": oForm = this.getForm(); if (oForm) { oForm.reset(); } break; case "menu": sTitle = this._menu.cfg.getProperty("visible") ? this.MENUBUTTON_MENU_VISIBLE_TITLE : this.MENUBUTTON_DEFAULT_TITLE; this.set("title", sTitle); 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(); } } sTitle = this._menu.cfg.getProperty("visible") ? this.SPLITBUTTON_OPTION_VISIBLE_TITLE : this.SPLITBUTTON_DEFAULT_TITLE; this.set("title", sTitle); 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; if (oTarget != oButtonElement && !Dom.isAncestor(oButtonElement, oTarget) && oTarget != oMenuElement && !Dom.isAncestor(oMenuElement, oTarget)) { this._hideMenu(); 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("yui-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 sTitle, sState; if (this.get("type") == "split") { sTitle = this.SPLITBUTTON_OPTION_VISIBLE_TITLE; sState = "activeoption"; } else { sTitle = this.MENUBUTTON_MENU_VISIBLE_TITLE; sState = "active"; } this.addStateCSSClasses(sState); this.set("title", sTitle); }, /** * @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 oMenu = this._menu, sTitle, sState; if (this.get("type") == "split") { sTitle = this.SPLITBUTTON_DEFAULT_TITLE; sState = "activeoption"; } else { sTitle = this.MENUBUTTON_DEFAULT_TITLE; sState = "active"; } this.removeStateCSSClasses(sState); this.set("title", sTitle); 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; if (oButtonParent != oMenuElement.parentNode) { oButtonParent.appendChild(oMenuElement); } this._renderedMenu = true; // If the user has designated an