@@ -1,123 +1 @@ -/* -* Copyright (c) 2007, Dav Glass <dav.glass@yahoo.com>. -* Code licensed under the BSD License: -* http://blog.davglass.com/license.txt -* All rights reserved. -*/ -YAHOO.widget.Effects=function(){return{version:'0.8'}}();YAHOO.widget.Effects.Hide=function(inElm){this.element=YAHOO.util.Dom.get(inElm);YAHOO.util.Dom.setStyle(this.element,'display','none');YAHOO.util.Dom.setStyle(this.element,'visibility','hidden');} -YAHOO.widget.Effects.Hide.prototype.toString=function(){return'Effect Hide ['+this.element.id+']';} -YAHOO.widget.Effects.Show=function(inElm){this.element=YAHOO.util.Dom.get(inElm);YAHOO.util.Dom.setStyle(this.element,'display','block');YAHOO.util.Dom.setStyle(this.element,'visibility','visible');} -YAHOO.widget.Effects.Show.prototype.toString=function(){return'Effect Show ['+this.element.id+']';} -YAHOO.widget.Effects.Fade=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);var attributes={opacity:{from:1,to:0}};this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);this.onEffectComplete.fire();},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.Fade.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Fade.prototype.toString=function(){return'Effect Fade ['+this.element.id+']';} -YAHOO.widget.Effects.Appear=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);YAHOO.util.Dom.setStyle(this.element,'opacity','0');YAHOO.widget.Effects.Show(this.element);var attributes={opacity:{from:0,to:1}};this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:3);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire();},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.Appear.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Appear.prototype.toString=function(){return'Effect Appear ['+this.element.id+']';} -YAHOO.widget.Effects.BlindUp=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var ghost=((opts&&opts.ghost)?opts.ghost:false);this.element=YAHOO.util.Dom.get(inElm);this._height=$T.getHeight(this.element);this._top=parseInt($D.getStyle(this.element,'top'));this._opts=opts;YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');var attributes={height:{to:0}};if(ghost){attributes.opacity={to:0,from:1}} -this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.bind&&(opts.bind=='bottom')){var attributes={height:{from:0,to:parseInt(this._height)},top:{from:(this._top+parseInt(this._height)),to:this._top}};if(ghost){attributes.opacity={to:1,from:0}}} -this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this._opts&&this._opts.bind&&(this._opts.bind=='bottom')){YAHOO.util.Dom.setStyle(this.element,'top',this._top+'px');}else{YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'height',this._height);} -YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.BlindUp.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=='bottom')){YAHOO.util.Dom.setStyle(this.element,'height','0px');YAHOO.util.Dom.setStyle(this.element,'top',this._height);} -YAHOO.widget.Effects.Show(this.element);} -YAHOO.widget.Effects.BlindUp.prototype.animate=function(){this.prepStyle();this.effect.animate();} -YAHOO.widget.Effects.BlindUp.prototype.toString=function(){return'Effect BlindUp ['+this.element.id+']';} -YAHOO.widget.Effects.BlindDown=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var ghost=((opts&&opts.ghost)?opts.ghost:false);this.element=YAHOO.util.Dom.get(inElm);this._opts=opts;this._height=parseInt($T.getHeight(this.element));this._top=parseInt($D.getStyle(this.element,'top'));YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');var attributes={height:{from:0,to:this._height}};if(ghost){attributes.opacity={to:1,from:0}} -this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.bind&&(opts.bind=='bottom')){var attributes={height:{to:0,from:parseInt(this._height)},top:{to:(this._top+parseInt(this._height)),from:this._top}};if(ghost){attributes.opacity={to:0,from:1}}} -this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);if(opts&&opts.bind&&(opts.bind=='bottom')){this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'top',this._top+'px');YAHOO.util.Dom.setStyle(this.element,'height',this._height+'px');YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);}else{this.effect.onComplete.subscribe(function(){YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);} -if(!delay){this.animate();}} -YAHOO.widget.Effects.BlindDown.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=='bottom')){}else{YAHOO.util.Dom.setStyle(this.element,'height','0px');} -YAHOO.widget.Effects.Show(this.element);} -YAHOO.widget.Effects.BlindDown.prototype.animate=function(){this.prepStyle();this.effect.animate();} -YAHOO.widget.Effects.BlindDown.prototype.toString=function(){return'Effect BlindDown ['+this.element.id+']';} -YAHOO.widget.Effects.BlindRight=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var ghost=((opts&&opts.ghost)?opts.ghost:false);this.element=YAHOO.util.Dom.get(inElm);this._width=parseInt(YAHOO.util.Dom.getStyle(this.element,'width'));this._left=parseInt(YAHOO.util.Dom.getStyle(this.element,'left'));this._opts=opts;YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var attributes={width:{from:0,to:this._width}};if(ghost){attributes.opacity={to:1,from:0}} -if(opts&&opts.bind&&(opts.bind=='right')){var attributes={width:{to:0},left:{to:this._left+parseInt(this._width),from:this._left}};if(ghost){attributes.opacity={to:0,from:1}}} -this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);if(opts&&opts.bind&&(opts.bind=='right')){this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'width',this._width+'px');YAHOO.util.Dom.setStyle(this.element,'left',this._left+'px');this._width=null;YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);}else{this.effect.onComplete.subscribe(function(){YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);} -if(!delay){this.animate();}} -YAHOO.widget.Effects.BlindRight.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=='right')){}else{YAHOO.util.Dom.setStyle(this.element,'width','0');}} -YAHOO.widget.Effects.BlindRight.prototype.animate=function(){this.prepStyle();this.effect.animate();} -YAHOO.widget.Effects.BlindRight.prototype.toString=function(){return'Effect BlindRight ['+this.element.id+']';} -YAHOO.widget.Effects.BlindLeft=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var ghost=((opts&&opts.ghost)?opts.ghost:false);this.ghost=ghost;this.element=YAHOO.util.Dom.get(inElm);this._width=YAHOO.util.Dom.getStyle(this.element,'width');this._left=parseInt(YAHOO.util.Dom.getStyle(this.element,'left'));this._opts=opts;YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');var attributes={width:{to:0}};if(ghost){attributes.opacity={to:0,from:1}} -this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.bind&&(opts.bind=='right')){var attributes={width:{from:0,to:parseInt(this._width)},left:{from:this._left+parseInt(this._width),to:this._left}};if(ghost){attributes.opacity={to:1,from:0}}} -this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);if(opts&&opts.bind&&(opts.bind=='right')){this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire();},this,true);}else{this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'width',this._width);YAHOO.util.Dom.setStyle(this.element,'left',this._left+'px');YAHOO.util.Dom.setStyle(this.element,'opacity',1);this._width=null;this.onEffectComplete.fire();},this,true);} -if(!delay){this.animate();}} -YAHOO.widget.Effects.BlindLeft.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=='right')){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'width','0px');YAHOO.util.Dom.setStyle(this.element,'left',parseInt(this._width));if(this.ghost){YAHOO.util.Dom.setStyle(this.element,'opacity',0);} -YAHOO.widget.Effects.Show(this.element);}} -YAHOO.widget.Effects.BlindLeft.prototype.animate=function(){this.prepStyle();this.effect.animate();} -YAHOO.widget.Effects.BlindLeft.prototype.toString=function(){return'Effect BlindLeft ['+this.element.id+']';} -YAHOO.widget.Effects.Fold=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);this.ghost=((opts&&opts.ghost)?opts.ghost:false);this.element=YAHOO.util.Dom.get(inElm);this._to=5;if(!delay){YAHOO.widget.Effects.Show(this.element);} -YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');this.done=false;this._height=parseInt($T.getHeight(this.element));this._width=YAHOO.util.Dom.getStyle(this.element,'width');this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.to){this._to=opts.to;} -var attributes={height:{to:this._to}};this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'height',this._height+'px');YAHOO.util.Dom.setStyle(this.element,'width',this._width);this.onEffectComplete.fire();}else{this.done=true;this.effect.attributes={width:{to:0},height:{from:this._to,to:this._to}} -if(this.ghost){this.effect.attributes.opacity={to:0,from:1}} -this.animate();}},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.Fold.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Fold.prototype.toString=function(){return'Effect Fold ['+this.element.id+']';} -YAHOO.widget.Effects.UnFold=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);this.ghost=((opts&&opts.ghost)?opts.ghost:false);this.element=YAHOO.util.Dom.get(inElm);this._height=$T.getHeight(this.element);this._width=YAHOO.util.Dom.getStyle(this.element,'width');this._to=5;YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');this.done=false;this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.to){this._to=opts.to;} -attributes={height:{from:0,to:this._to},width:{from:0,to:parseInt(this._width)}};if(this.ghost){attributes.opacity={to:.15,from:0}} -this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();this.done=false;}else{this.done=true;this.effect.attributes={width:{from:parseInt(this._width),to:parseInt(this._width)},height:{from:this._to,to:parseInt(this._height)}} -if(this.ghost){this.effect.attributes.opacity={to:1,from:.15}} -this.effect.animate();}},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.UnFold.prototype.prepStyle=function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'height','0px');YAHOO.util.Dom.setStyle(this.element,'width','0px');this.effect.attributes=attributes;} -YAHOO.widget.Effects.UnFold.prototype.animate=function(){this.prepStyle();YAHOO.widget.Effects.Show(this.element);this.effect.animate();} -YAHOO.widget.Effects.UnFold.prototype.toString=function(){return'Effect UnFold ['+this.element.id+']';} -YAHOO.widget.Effects.ShakeLR=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);this._offSet=10;this._maxCount=5;this._counter=0;this._elmPos=YAHOO.util.Dom.getXY(this.element);var attributes={left:{to:(-this._offSet)}};this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);if(opts&&opts.offset){this._offSet=opts.offset;} -if(opts&&opts.maxcount){this._maxCount=opts.maxcount;} -var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:.25);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();}else{if(this._counter<this._maxCount){this._counter++;if(this._left){this._left=null;this.effect.attributes={left:{to:(-this._offSet)}}}else{this._left=true;this.effect.attributes={left:{to:this._offSet}}} -this.effect.animate();}else{this.done=true;this._left=null;this._counter=null;this.effect.attributes={left:{to:0}} -this.effect.animate();}}},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.ShakeLR.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.ShakeLR.prototype.toString=function(){return'Effect ShakeLR ['+this.element.id+']';} -YAHOO.widget.Effects.ShakeTB=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);this._offSet=10;this._maxCount=5;this._counter=0;this._elmPos=YAHOO.util.Dom.getXY(this.element);var attributes={top:{to:(-this._offSet)}};if(opts&&opts.offset){this._offSet=opts.offset;} -if(opts&&opts.maxcount){this._maxCount=opts.maxcount;} -this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:.25);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();}else{if(this._counter<this._maxCount){this._counter++;if(this._left){this._left=null;this.effect.attributes={top:{to:(-this._offSet)}}}else{this._left=true;this.effect.attributes={top:{to:this._offSet}}} -this.effect.animate();}else{this.done=true;this._left=null;this._counter=null;this.effect.attributes={top:{to:0}} -this.effect.animate();}}},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.ShakeTB.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.ShakeTB.prototype.toString=function(){return'Effect ShakeTB ['+this.element.id+']';} -YAHOO.widget.Effects.Drop=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);this._height=parseInt($T.getHeight(this.element));this._top=parseInt($D.getStyle(this.element,'top'));var attributes={top:{from:this._top,to:(this._top+this._height)},opacity:{from:1,to:0}};this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeIn);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'top',this._top+'px');YAHOO.util.Dom.setStyle(this.element,'opacity',1);this.onEffectComplete.fire();},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.Drop.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Drop.prototype.toString=function(){return'Effect Drop ['+this.element.id+']';} -YAHOO.widget.Effects.Pulse=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);this._counter=0;this._maxCount=9;var attributes={opacity:{from:1,to:0}};if(opts&&opts.maxcount){this._maxCount=opts.maxcount;} -this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeIn);var secs=((opts&&opts.seconds)?opts.seconds:.25);var delay=((opts&&opts.delay)?opts.delay:false);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();}else{if(this._counter<this._maxCount){this._counter++;if(this._on){this._on=null;this.effect.attributes={opacity:{to:0}}}else{this._on=true;this.effect.attributes={opacity:{to:1}}} -this.effect.animate();}else{this.done=true;this._on=null;this._counter=null;this.effect.attributes={opacity:{to:1}} -this.effect.animate();}}},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.Pulse.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Pulse.prototype.toString=function(){return'Effect Pulse ['+this.element.id+']';} -YAHOO.widget.Effects.Shrink=function(inElm,opts){this.start_elm=YAHOO.util.Dom.get(inElm);this.element=this.start_elm.cloneNode(true);this.start_elm.parentNode.replaceChild(this.element,this.start_elm);YAHOO.widget.Effects.Hide(this.start_elm);YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var attributes={width:{to:0},height:{to:0},fontSize:{from:100,to:0,unit:'%'},opacity:{from:1,to:0}};this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){this.element.parentNode.replaceChild(this.start_elm,this.element);this.onEffectComplete.fire();},this,true);if(!delay){this.effect.animate();}} -YAHOO.widget.Effects.Shrink.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Shrink.prototype.toString=function(){return'Effect Shrink ['+this.element.id+']';} -YAHOO.widget.Effects.Grow=function(inElm,opts){this.element=YAHOO.util.Dom.get(inElm);var h=parseInt($T.getHeight(this.element));var w=parseInt(YAHOO.util.Dom.getStyle(this.element,'width'));YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);var attributes={width:{to:w,from:0},height:{to:h,from:0},fontSize:{from:0,to:100,unit:'%'},opacity:{from:0,to:1}};this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire();},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.Grow.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Grow.prototype.toString=function(){return'Effect Grow ['+this.element.id+']';} -YAHOO.widget.Effects.TV=function(inElm,opts){var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeIn);var secs=((opts&&opts.seconds)?opts.seconds:1);var delay=((opts&&opts.delay)?opts.delay:false);this.element=YAHOO.util.Dom.get(inElm);this.done=false;this._height=parseInt($T.getHeight(this.element));this._width=parseInt(YAHOO.util.Dom.getStyle(this.element,'width'));YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');var attributes={top:{from:0,to:(this._height/2)},height:{to:5}};this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);this.effect=new YAHOO.util.Anim(this.element,attributes,secs,ease);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,'height',this._height+'px');YAHOO.util.Dom.setStyle(this.element,'width',this._width+'px');YAHOO.util.Dom.setStyle(this.element,'top','');YAHOO.util.Dom.setStyle(this.element,'left','');YAHOO.util.Dom.setStyle(this.element,'opacity','1');}else{this.done=true;this.effect.attributes={top:{from:(this._height/2),to:(this._height/2)},left:{from:0,to:(this._width/2)},height:{from:5,to:5},width:{to:5},opacity:{from:1,to:0}};this.effect.animate();}},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.TV.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.TV.prototype.toString=function(){return'Effect TV ['+this.element.id+']';} -YAHOO.widget.Effects.Shadow=function(inElm,opts){var delay=((opts&&opts.delay)?opts.delay:false);var topOffset=((opts&&opts.top)?opts.top:8);var leftOffset=((opts&&opts.left)?opts.left:8);var shadowColor=((opts&&opts.color)?opts.color:'#ccc');var shadowOpacity=((opts&&opts.opacity)?opts.opacity:.75);this.element=YAHOO.util.Dom.get(inElm);if(YAHOO.util.Dom.get(this.element.id+'_shadow')){this.shadow=YAHOO.util.Dom.get(this.element.id+'_shadow');}else{this.shadow=document.createElement('div');this.shadow.id=this.element.id+'_shadow';this.element.parentNode.appendChild(this.shadow);} -var h=parseInt($T.getHeight(this.element));var w=parseInt(YAHOO.util.Dom.getStyle(this.element,'width'));var z=this.element.style.zIndex;if(!z){z=1;this.element.style.zIndex=z;} -YAHOO.util.Dom.setStyle(this.element,'overflow','hidden');YAHOO.util.Dom.setStyle(this.shadow,'height',h+'px');YAHOO.util.Dom.setStyle(this.shadow,'width',w+'px');YAHOO.util.Dom.setStyle(this.shadow,'background-color',shadowColor);YAHOO.util.Dom.setStyle(this.shadow,'opacity',0);YAHOO.util.Dom.setStyle(this.shadow,'position','absolute');this.shadow.style.zIndex=(z-1);var xy=YAHOO.util.Dom.getXY(this.element);this.onEffectComplete=new YAHOO.util.CustomEvent('oneffectcomplete',this);var attributes={opacity:{from:0,to:shadowOpacity},top:{from:xy[1],to:(xy[1]+topOffset)},left:{from:xy[0],to:(xy[0]+leftOffset)}};this.effect=new YAHOO.util.Anim(this.shadow,attributes);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire();},this,true);if(!delay){this.animate();}} -YAHOO.widget.Effects.Shadow.prototype.animate=function(){this.effect.animate();} -YAHOO.widget.Effects.Shadow.prototype.toString=function(){return'Effect Shadow ['+this.element.id+']';} -YAHOO.widget.Effects.Puff=function(inElm,opts){var start_elm=YAHOO.util.Dom.get(inElm);this.element=start_this.element.cloneNode(true);start_this.element.parentNode.replaceChild(this.element,start_elm);YAHOO.widget.Effects.Hide(start_elm);var xy=YAHOO.util.Dom.getXY(this.element);var h=parseInt($T.getHeight(this.element));var w=parseInt(YAHOO.util.Dom.getStyle(this.element,'width'));var nh=((h/2)+h);var nw=((w/2)+w);var nto=((nh-h)/2);var nlo=((nw-w)/2);var nt=xy[1]-nto;var nl=xy[0]-nlo;YAHOO.util.Dom.setStyle(this.element,'position','absolute');var attributes={top:{to:nt},left:{to:nl},width:{to:nw},height:{to:nh},opacity:{from:1,to:0}};var ease=((opts&&opts.ease)?opts.ease:YAHOO.util.Easing.easeOut);var secs=((opts&&opts.seconds)?opts.seconds:1);var puff=new YAHOO.util.Anim(this.element,attributes,secs,ease);puff.onComplete.subscribe(function(){this.element=this.getEl();this.element.parentNode.replaceChild(start_elm,elm);});puff.animate();return puff;} -if(!YAHOO.Tools){$T={getHeight:function(el){return YAHOO.util.Dom.getStyle(el,'height');}}} -YAHOO.widget.Effects.Batch=function(effects,opts){} -YAHOO.widget.Effects.ContainerEffect=function(){} -YAHOO.widget.Effects.ContainerEffect.BlindUpDownBinded=function(overlay,dur){var bupdownbinded=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindUp',opts:{bind:'bottom'}},duration:dur},{attributes:{effect:'BlindDown',opts:{bind:'bottom'}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdownbinded.init();return bupdownbinded;} -YAHOO.widget.Effects.ContainerEffect.BlindUpDown=function(overlay,dur){var bupdown=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindDown'},duration:dur},{attributes:{effect:'BlindUp'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdown.init();return bupdown;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightBinded=function(overlay,dur){var bleftrightbinded=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindLeft',opts:{bind:'right'}},duration:dur},{attributes:{effect:'BlindRight',opts:{bind:'right'}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftrightbinded.init();return bleftrightbinded;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftRight=function(overlay,dur){var bleftright=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindRight'},duration:dur},{attributes:{effect:'BlindLeft'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftright.init();return bleftright;} -YAHOO.widget.Effects.ContainerEffect.BlindRightFold=function(overlay,dur){var brightfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindRight'},duration:dur},{attributes:{effect:'Fold'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);brightfold.init();return brightfold;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftFold=function(overlay,dur){var bleftfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindLeft',opts:{bind:'right'}},duration:dur},{attributes:{effect:'Fold'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftfold.init();return bleftfold;} -YAHOO.widget.Effects.ContainerEffect.UnFoldFold=function(overlay,dur){var bunfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'UnFold'},duration:dur},{attributes:{effect:'Fold'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bunfold.init();return bunfold;} -YAHOO.widget.Effects.ContainerEffect.BlindDownDrop=function(overlay,dur){var bdowndrop=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindDown'},duration:dur},{attributes:{effect:'Drop'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bdowndrop.init();return bdowndrop;} -YAHOO.widget.Effects.ContainerEffect.BlindUpDrop=function(overlay,dur){var bupdrop=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindUp',opts:{bind:'bottom'}},duration:dur},{attributes:{effect:'Drop'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdrop.init();return bupdrop;} -YAHOO.widget.Effects.ContainerEffect.BlindUpDownBindedGhost=function(overlay,dur){var bupdownbinded=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindUp',opts:{ghost:true,bind:'bottom'}},duration:dur},{attributes:{effect:'BlindDown',opts:{ghost:true,bind:'bottom'}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdownbinded.init();return bupdownbinded;} -YAHOO.widget.Effects.ContainerEffect.BlindUpDownGhost=function(overlay,dur){var bupdown=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindDown',opts:{ghost:true}},duration:dur},{attributes:{effect:'BlindUp',opts:{ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdown.init();return bupdown;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightBindedGhost=function(overlay,dur){var bleftrightbinded=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindLeft',opts:{bind:'right',ghost:true}},duration:dur},{attributes:{effect:'BlindRight',opts:{bind:'right',ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftrightbinded.init();return bleftrightbinded;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightGhost=function(overlay,dur){var bleftright=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindRight',opts:{ghost:true}},duration:dur},{attributes:{effect:'BlindLeft',opts:{ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftright.init();return bleftright;} -YAHOO.widget.Effects.ContainerEffect.BlindRightFoldGhost=function(overlay,dur){var brightfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindRight',opts:{ghost:true}},duration:dur},{attributes:{effect:'Fold',opts:{ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);brightfold.init();return brightfold;} -YAHOO.widget.Effects.ContainerEffect.BlindLeftFoldGhost=function(overlay,dur){var bleftfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindLeft',opts:{bind:'right',ghost:true}},duration:dur},{attributes:{effect:'Fold',opts:{ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftfold.init();return bleftfold;} -YAHOO.widget.Effects.ContainerEffect.UnFoldFoldGhost=function(overlay,dur){var bleftfold=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'UnFold',opts:{ghost:true}},duration:dur},{attributes:{effect:'Fold',opts:{ghost:true}},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bleftfold.init();return bleftfold;} -YAHOO.widget.Effects.ContainerEffect.BlindDownDropGhost=function(overlay,dur){var bdowndrop=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindDown',opts:{ghost:true}},duration:dur},{attributes:{effect:'Drop'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bdowndrop.init();return bdowndrop;} -YAHOO.widget.Effects.ContainerEffect.BlindUpDropGhost=function(overlay,dur){var bupdrop=new YAHOO.widget.ContainerEffect(overlay,{attributes:{effect:'BlindUp',opts:{bind:'bottom',ghost:true}},duration:dur},{attributes:{effect:'Drop'},duration:dur},overlay.element,YAHOO.widget.Effects.Container);bupdrop.init();return bupdrop;} -YAHOO.widget.Effects.Container=function(el,attrs,dur){var opts={delay:true};if(attrs.opts){for(var i in attrs.opts){opts[i]=attrs.opts[i];}} -var func=eval('YAHOO.widget.Effects.'+attrs.effect);var eff=new func(el,opts);eff.onStart=eff.effect.onStart;eff.onTween=eff.effect.onTween;eff.onComplete=eff.onEffectComplete;return eff;} +YAHOO.widget.Effects=function(){return{version:"0.8"}}();YAHOO.widget.Effects.Hide=function(A){this.element=YAHOO.util.Dom.get(A);YAHOO.util.Dom.setStyle(this.element,"display","none");YAHOO.util.Dom.setStyle(this.element,"visibility","hidden")};YAHOO.widget.Effects.Hide.prototype.toString=function(){return"Effect Hide ["+this.element.id+"]"};YAHOO.widget.Effects.Show=function(A){this.element=YAHOO.util.Dom.get(A);YAHOO.util.Dom.setStyle(this.element,"display","block");YAHOO.util.Dom.setStyle(this.element,"visibility","visible")};YAHOO.widget.Effects.Show.prototype.toString=function(){return"Effect Show ["+this.element.id+"]"};YAHOO.widget.Effects.Fade=function(F,D){this.element=YAHOO.util.Dom.get(F);var A={opacity:{from:1,to:0}};this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);this.onEffectComplete.fire()},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.Fade.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Fade.prototype.toString=function(){return"Effect Fade ["+this.element.id+"]"};YAHOO.widget.Effects.Appear=function(F,D){this.element=YAHOO.util.Dom.get(F);YAHOO.util.Dom.setStyle(this.element,"opacity","0");YAHOO.widget.Effects.Show(this.element);var A={opacity:{from:0,to:1}};this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:3);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire()},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.Appear.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Appear.prototype.toString=function(){return"Effect Appear ["+this.element.id+"]"};YAHOO.widget.Effects.BlindUp=function(G,D){var F=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);var E=((D&&D.ghost)?D.ghost:false);this.element=YAHOO.util.Dom.get(G);this._height=$T.getHeight(this.element);this._top=parseInt($D.getStyle(this.element,"top"));this._opts=D;YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");var A={height:{to:0}};if(E){A.opacity={to:0,from:1}}this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(D&&D.bind&&(D.bind=="bottom")){var A={height:{from:0,to:parseInt(this._height)},top:{from:(this._top+parseInt(this._height)),to:this._top}};if(E){A.opacity={to:1,from:0}}}this.effect=new YAHOO.util.Anim(this.element,A,C,F);this.effect.onComplete.subscribe(function(){if(this._opts&&this._opts.bind&&(this._opts.bind=="bottom")){YAHOO.util.Dom.setStyle(this.element,"top",this._top+"px")}else{YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"height",this._height)}YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true);if(!B){this.animate()}};YAHOO.widget.Effects.BlindUp.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=="bottom")){YAHOO.util.Dom.setStyle(this.element,"height","0px");YAHOO.util.Dom.setStyle(this.element,"top",this._height)}YAHOO.widget.Effects.Show(this.element)};YAHOO.widget.Effects.BlindUp.prototype.animate=function(){this.prepStyle();this.effect.animate()};YAHOO.widget.Effects.BlindUp.prototype.toString=function(){return"Effect BlindUp ["+this.element.id+"]"};YAHOO.widget.Effects.BlindDown=function(G,D){var F=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);var E=((D&&D.ghost)?D.ghost:false);this.element=YAHOO.util.Dom.get(G);this._opts=D;this._height=parseInt($T.getHeight(this.element));this._top=parseInt($D.getStyle(this.element,"top"));YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");var A={height:{from:0,to:this._height}};if(E){A.opacity={to:1,from:0}}this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(D&&D.bind&&(D.bind=="bottom")){var A={height:{to:0,from:parseInt(this._height)},top:{to:(this._top+parseInt(this._height)),from:this._top}};if(E){A.opacity={to:0,from:1}}}this.effect=new YAHOO.util.Anim(this.element,A,C,F);if(D&&D.bind&&(D.bind=="bottom")){this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"top",this._top+"px");YAHOO.util.Dom.setStyle(this.element,"height",this._height+"px");YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true)}else{this.effect.onComplete.subscribe(function(){YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true)}if(!B){this.animate()}};YAHOO.widget.Effects.BlindDown.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=="bottom")){}else{YAHOO.util.Dom.setStyle(this.element,"height","0px")}YAHOO.widget.Effects.Show(this.element)};YAHOO.widget.Effects.BlindDown.prototype.animate=function(){this.prepStyle();this.effect.animate()};YAHOO.widget.Effects.BlindDown.prototype.toString=function(){return"Effect BlindDown ["+this.element.id+"]"};YAHOO.widget.Effects.BlindRight=function(G,D){var F=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);var E=((D&&D.ghost)?D.ghost:false);this.element=YAHOO.util.Dom.get(G);this._width=parseInt(YAHOO.util.Dom.getStyle(this.element,"width"));this._left=parseInt(YAHOO.util.Dom.getStyle(this.element,"left"));this._opts=D;YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var A={width:{from:0,to:this._width}};if(E){A.opacity={to:1,from:0}}if(D&&D.bind&&(D.bind=="right")){var A={width:{to:0},left:{to:this._left+parseInt(this._width),from:this._left}};if(E){A.opacity={to:0,from:1}}}this.effect=new YAHOO.util.Anim(this.element,A,C,F);if(D&&D.bind&&(D.bind=="right")){this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"width",this._width+"px");YAHOO.util.Dom.setStyle(this.element,"left",this._left+"px");this._width=null;YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true)}else{this.effect.onComplete.subscribe(function(){YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true)}if(!B){this.animate()}};YAHOO.widget.Effects.BlindRight.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=="right")){}else{YAHOO.util.Dom.setStyle(this.element,"width","0")}};YAHOO.widget.Effects.BlindRight.prototype.animate=function(){this.prepStyle();this.effect.animate()};YAHOO.widget.Effects.BlindRight.prototype.toString=function(){return"Effect BlindRight ["+this.element.id+"]"};YAHOO.widget.Effects.BlindLeft=function(G,D){var F=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);var E=((D&&D.ghost)?D.ghost:false);this.ghost=E;this.element=YAHOO.util.Dom.get(G);this._width=YAHOO.util.Dom.getStyle(this.element,"width");this._left=parseInt(YAHOO.util.Dom.getStyle(this.element,"left"));this._opts=D;YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");var A={width:{to:0}};if(E){A.opacity={to:0,from:1}}this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(D&&D.bind&&(D.bind=="right")){var A={width:{from:0,to:parseInt(this._width)},left:{from:this._left+parseInt(this._width),to:this._left}};if(E){A.opacity={to:1,from:0}}}this.effect=new YAHOO.util.Anim(this.element,A,C,F);if(D&&D.bind&&(D.bind=="right")){this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire()},this,true)}else{this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"width",this._width);YAHOO.util.Dom.setStyle(this.element,"left",this._left+"px");YAHOO.util.Dom.setStyle(this.element,"opacity",1);this._width=null;this.onEffectComplete.fire()},this,true)}if(!B){this.animate()}};YAHOO.widget.Effects.BlindLeft.prototype.prepStyle=function(){if(this._opts&&this._opts.bind&&(this._opts.bind=="right")){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"width","0px");YAHOO.util.Dom.setStyle(this.element,"left",parseInt(this._width));if(this.ghost){YAHOO.util.Dom.setStyle(this.element,"opacity",0)}YAHOO.widget.Effects.Show(this.element)}};YAHOO.widget.Effects.BlindLeft.prototype.animate=function(){this.prepStyle();this.effect.animate()};YAHOO.widget.Effects.BlindLeft.prototype.toString=function(){return"Effect BlindLeft ["+this.element.id+"]"};YAHOO.widget.Effects.Fold=function(F,D){var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);this.ghost=((D&&D.ghost)?D.ghost:false);this.element=YAHOO.util.Dom.get(F);this._to=5;if(!B){YAHOO.widget.Effects.Show(this.element)}YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");this.done=false;this._height=parseInt($T.getHeight(this.element));this._width=YAHOO.util.Dom.getStyle(this.element,"width");this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(D&&D.to){this._to=D.to}var A={height:{to:this._to}};this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){if(this.done){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"height",this._height+"px");YAHOO.util.Dom.setStyle(this.element,"width",this._width);this.onEffectComplete.fire()}else{this.done=true;this.effect.attributes={width:{to:0},height:{from:this._to,to:this._to}};if(this.ghost){this.effect.attributes.opacity={to:0,from:1}}this.animate()}},this,true);if(!B){this.animate()}};YAHOO.widget.Effects.Fold.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Fold.prototype.toString=function(){return"Effect Fold ["+this.element.id+"]"};YAHOO.widget.Effects.UnFold=function(E,C){var D=((C&&C.ease)?C.ease:YAHOO.util.Easing.easeOut);var B=((C&&C.seconds)?C.seconds:1);var A=((C&&C.delay)?C.delay:false);this.ghost=((C&&C.ghost)?C.ghost:false);this.element=YAHOO.util.Dom.get(E);this._height=$T.getHeight(this.element);this._width=YAHOO.util.Dom.getStyle(this.element,"width");this._to=5;YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");this.done=false;this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(C&&C.to){this._to=C.to}attributes={height:{from:0,to:this._to},width:{from:0,to:parseInt(this._width)}};if(this.ghost){attributes.opacity={to:0.15,from:0}}this.effect=new YAHOO.util.Anim(this.element,attributes,B,D);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();this.done=false}else{this.done=true;this.effect.attributes={width:{from:parseInt(this._width),to:parseInt(this._width)},height:{from:this._to,to:parseInt(this._height)}};if(this.ghost){this.effect.attributes.opacity={to:1,from:0.15}}this.effect.animate()}},this,true);if(!A){this.animate()}};YAHOO.widget.Effects.UnFold.prototype.prepStyle=function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"height","0px");YAHOO.util.Dom.setStyle(this.element,"width","0px");this.effect.attributes=attributes};YAHOO.widget.Effects.UnFold.prototype.animate=function(){this.prepStyle();YAHOO.widget.Effects.Show(this.element);this.effect.animate()};YAHOO.widget.Effects.UnFold.prototype.toString=function(){return"Effect UnFold ["+this.element.id+"]"};YAHOO.widget.Effects.ShakeLR=function(F,D){this.element=YAHOO.util.Dom.get(F);this._offSet=10;this._maxCount=5;this._counter=0;this._elmPos=YAHOO.util.Dom.getXY(this.element);var A={left:{to:(-this._offSet)}};this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);if(D&&D.offset){this._offSet=D.offset}if(D&&D.maxcount){this._maxCount=D.maxcount}var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:0.25);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire()}else{if(this._counter<this._maxCount){this._counter++;if(this._left){this._left=null;this.effect.attributes={left:{to:(-this._offSet)}}}else{this._left=true;this.effect.attributes={left:{to:this._offSet}}}this.effect.animate()}else{this.done=true;this._left=null;this._counter=null;this.effect.attributes={left:{to:0}};this.effect.animate()}}},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.ShakeLR.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.ShakeLR.prototype.toString=function(){return"Effect ShakeLR ["+this.element.id+"]"};YAHOO.widget.Effects.ShakeTB=function(F,D){this.element=YAHOO.util.Dom.get(F);this._offSet=10;this._maxCount=5;this._counter=0;this._elmPos=YAHOO.util.Dom.getXY(this.element);var A={top:{to:(-this._offSet)}};if(D&&D.offset){this._offSet=D.offset}if(D&&D.maxcount){this._maxCount=D.maxcount}this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:0.25);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire()}else{if(this._counter<this._maxCount){this._counter++;if(this._left){this._left=null;this.effect.attributes={top:{to:(-this._offSet)}}}else{this._left=true;this.effect.attributes={top:{to:this._offSet}}}this.effect.animate()}else{this.done=true;this._left=null;this._counter=null;this.effect.attributes={top:{to:0}};this.effect.animate()}}},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.ShakeTB.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.ShakeTB.prototype.toString=function(){return"Effect ShakeTB ["+this.element.id+"]"};YAHOO.widget.Effects.Drop=function(F,D){this.element=YAHOO.util.Dom.get(F);this._height=parseInt($T.getHeight(this.element));this._top=parseInt($D.getStyle(this.element,"top"));var A={top:{from:this._top,to:(this._top+this._height)},opacity:{from:1,to:0}};this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeIn);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"top",this._top+"px");YAHOO.util.Dom.setStyle(this.element,"opacity",1);this.onEffectComplete.fire()},this,true);if(!B){this.animate()}};YAHOO.widget.Effects.Drop.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Drop.prototype.toString=function(){return"Effect Drop ["+this.element.id+"]"};YAHOO.widget.Effects.Pulse=function(F,D){this.element=YAHOO.util.Dom.get(F);this._counter=0;this._maxCount=9;var A={opacity:{from:1,to:0}};if(D&&D.maxcount){this._maxCount=D.maxcount}this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeIn);var C=((D&&D.seconds)?D.seconds:0.25);var B=((D&&D.delay)?D.delay:false);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire()}else{if(this._counter<this._maxCount){this._counter++;if(this._on){this._on=null;this.effect.attributes={opacity:{to:0}}}else{this._on=true;this.effect.attributes={opacity:{to:1}}}this.effect.animate()}else{this.done=true;this._on=null;this._counter=null;this.effect.attributes={opacity:{to:1}};this.effect.animate()}}},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.Pulse.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Pulse.prototype.toString=function(){return"Effect Pulse ["+this.element.id+"]"};YAHOO.widget.Effects.Shrink=function(F,D){this.start_elm=YAHOO.util.Dom.get(F);this.element=this.start_elm.cloneNode(true);this.start_elm.parentNode.replaceChild(this.element,this.start_elm);YAHOO.widget.Effects.Hide(this.start_elm);YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeOut);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);var A={width:{to:0},height:{to:0},fontSize:{from:100,to:0,unit:"%"},opacity:{from:1,to:0}};this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){this.element.parentNode.replaceChild(this.start_elm,this.element);this.onEffectComplete.fire()},this,true);if(!B){this.effect.animate()}};YAHOO.widget.Effects.Shrink.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Shrink.prototype.toString=function(){return"Effect Shrink ["+this.element.id+"]"};YAHOO.widget.Effects.Grow=function(H,F){this.element=YAHOO.util.Dom.get(H);var E=parseInt($T.getHeight(this.element));var A=parseInt(YAHOO.util.Dom.getStyle(this.element,"width"));YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var G=((F&&F.ease)?F.ease:YAHOO.util.Easing.easeOut);var D=((F&&F.seconds)?F.seconds:1);var C=((F&&F.delay)?F.delay:false);var B={width:{to:A,from:0},height:{to:E,from:0},fontSize:{from:0,to:100,unit:"%"},opacity:{from:0,to:1}};this.effect=new YAHOO.util.Anim(this.element,B,D,G);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire()},this,true);if(!C){this.animate()}};YAHOO.widget.Effects.Grow.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Grow.prototype.toString=function(){return"Effect Grow ["+this.element.id+"]"};YAHOO.widget.Effects.TV=function(F,D){var E=((D&&D.ease)?D.ease:YAHOO.util.Easing.easeIn);var C=((D&&D.seconds)?D.seconds:1);var B=((D&&D.delay)?D.delay:false);this.element=YAHOO.util.Dom.get(F);this.done=false;this._height=parseInt($T.getHeight(this.element));this._width=parseInt(YAHOO.util.Dom.getStyle(this.element,"width"));YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");var A={top:{from:0,to:(this._height/2)},height:{to:5}};this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);this.effect=new YAHOO.util.Anim(this.element,A,C,E);this.effect.onComplete.subscribe(function(){if(this.done){this.onEffectComplete.fire();YAHOO.widget.Effects.Hide(this.element);YAHOO.util.Dom.setStyle(this.element,"height",this._height+"px");YAHOO.util.Dom.setStyle(this.element,"width",this._width+"px");YAHOO.util.Dom.setStyle(this.element,"top","");YAHOO.util.Dom.setStyle(this.element,"left","");YAHOO.util.Dom.setStyle(this.element,"opacity","1")}else{this.done=true;this.effect.attributes={top:{from:(this._height/2),to:(this._height/2)},left:{from:0,to:(this._width/2)},height:{from:5,to:5},width:{to:5},opacity:{from:1,to:0}};this.effect.animate()}},this,true);if(!B){this.animate()}};YAHOO.widget.Effects.TV.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.TV.prototype.toString=function(){return"Effect TV ["+this.element.id+"]"};YAHOO.widget.Effects.Shadow=function(K,A){var D=((A&&A.delay)?A.delay:false);var F=((A&&A.top)?A.top:8);var B=((A&&A.left)?A.left:8);var H=((A&&A.color)?A.color:"#ccc");var G=((A&&A.opacity)?A.opacity:0.75);this.element=YAHOO.util.Dom.get(K);if(YAHOO.util.Dom.get(this.element.id+"_shadow")){this.shadow=YAHOO.util.Dom.get(this.element.id+"_shadow")}else{this.shadow=document.createElement("div");this.shadow.id=this.element.id+"_shadow";this.element.parentNode.appendChild(this.shadow)}var E=parseInt($T.getHeight(this.element));var J=parseInt(YAHOO.util.Dom.getStyle(this.element,"width"));var I=this.element.style.zIndex;if(!I){I=1;this.element.style.zIndex=I}YAHOO.util.Dom.setStyle(this.element,"overflow","hidden");YAHOO.util.Dom.setStyle(this.shadow,"height",E+"px");YAHOO.util.Dom.setStyle(this.shadow,"width",J+"px");YAHOO.util.Dom.setStyle(this.shadow,"background-color",H);YAHOO.util.Dom.setStyle(this.shadow,"opacity",0);YAHOO.util.Dom.setStyle(this.shadow,"position","absolute");this.shadow.style.zIndex=(I-1);var L=YAHOO.util.Dom.getXY(this.element);this.onEffectComplete=new YAHOO.util.CustomEvent("oneffectcomplete",this);var C={opacity:{from:0,to:G},top:{from:L[1],to:(L[1]+F)},left:{from:L[0],to:(L[0]+B)}};this.effect=new YAHOO.util.Anim(this.shadow,C);this.effect.onComplete.subscribe(function(){this.onEffectComplete.fire()},this,true);if(!D){this.animate()}};YAHOO.widget.Effects.Shadow.prototype.animate=function(){this.effect.animate()};YAHOO.widget.Effects.Shadow.prototype.toString=function(){return"Effect Shadow ["+this.element.id+"]"};YAHOO.widget.Effects.Puff=function(O,B){var G=YAHOO.util.Dom.get(O);this.element=start_this.element.cloneNode(true);start_this.element.parentNode.replaceChild(this.element,G);YAHOO.widget.Effects.Hide(G);var P=YAHOO.util.Dom.getXY(this.element);var H=parseInt($T.getHeight(this.element));var N=parseInt(YAHOO.util.Dom.getStyle(this.element,"width"));var C=((H/2)+H);var K=((N/2)+N);var M=((C-H)/2);var J=((K-N)/2);var L=P[1]-M;var A=P[0]-J;YAHOO.util.Dom.setStyle(this.element,"position","absolute");var F={top:{to:L},left:{to:A},width:{to:K},height:{to:C},opacity:{from:1,to:0}};var E=((B&&B.ease)?B.ease:YAHOO.util.Easing.easeOut);var I=((B&&B.seconds)?B.seconds:1);var D=new YAHOO.util.Anim(this.element,F,I,E);D.onComplete.subscribe(function(){this.element=this.getEl();this.element.parentNode.replaceChild(G,elm)});D.animate();return D};if(!YAHOO.Tools){$T={getHeight:function(A){return YAHOO.util.Dom.getStyle(A,"height")}}}; \ No newline at end of file effects-min.js @@ -1,33 +1,28 @@ -/* -* Copyright (c) 2007, Dav Glass <dav.glass@yahoo.com>. -* Code licensed under the BSD License: -* http://blog.davglass.com/license.txt -* All rights reserved. +/** + * @description Provides the YUI with several built-in effect combinations. + * @module Effects + * @version 0.8 + * @namespace YAHOO.widget + * @requires yahoo, dom, event */ /** -* @fileoverview Provides the YUI with several built-in effect combinations. -* @author Dav Glass <dav.glass@yahoo.com> -* @version 0.8 -* @class Provides the YUI with several built-in effect combinations. -* @requires YAHOO.util.Dom -* @requires YAHOO.util.Anim -* @requires YAHOO.Tools -* @class Provides the YUI with several built-in effect combinations. +* @class Effects +* @description Provides the YUI with several built-in effect combinations. * All effects now support a Custom Event called onEffectComplete. * They all now support a new option called delay. If delay is set to true the effect will not immediately execute. * You can then call eff.animate(); to animate it later. This way you can delay the execution & bind an onEffectComplete subscriber * Then animate the effect. -* @constructor */ YAHOO.widget.Effects = function() { return { version: '0.8' } }(); + /** * This effect makes the object dissappear with display none. +* @class Effects.Hide * @param {String/HTMLElement} inElm HTML element to apply the effect to -* @constructor */ YAHOO.widget.Effects.Hide = function(inElm) { this.element = YAHOO.util.Dom.get(inElm); @@ -35,7 +30,9 @@ YAHOO.widget.Effects.Hide = function(inElm) { YAHOO.util.Dom.setStyle(this.element, 'display', 'none'); YAHOO.util.Dom.setStyle(this.element, 'visibility', 'hidden'); } + /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Hide.prototype.toString = function() { @@ -43,8 +40,8 @@ YAHOO.widget.Effects.Hide.prototype.toString = function() { } /** * This effect makes the object Appear with display block. +* @class Effects.Show * @param {String/HTMLElement} inElm HTML element to apply the effect to -* @constructor */ YAHOO.widget.Effects.Show = function(inElm) { this.element = YAHOO.util.Dom.get(inElm); @@ -53,14 +50,15 @@ YAHOO.widget.Effects.Show = function(inElm) { YAHOO.util.Dom.setStyle(this.element, 'visibility', 'visible'); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Show.prototype.toString = function() { return 'Effect Show [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object fade & disappear. +* @class Effects.Fade * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -101,20 +99,22 @@ YAHOO.widget.Effects.Fade = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Fade.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Fade.prototype.toString = function() { return 'Effect Fade [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object fade & appear. +* @class Effects.Appear * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -133,7 +133,7 @@ YAHOO.widget.Effects.Appear = function(inElm, opts) { var attributes = { opacity: { from: 0, to: 1 } }; - /** + /* * Custom Event fired after the effect completes * @type Object */ @@ -156,20 +156,22 @@ YAHOO.widget.Effects.Appear = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Appear.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Appear.prototype.toString = function() { return 'Effect Appear [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object act like a window blind and retract. +* @class Effects.BlindUp * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -246,6 +248,8 @@ YAHOO.widget.Effects.BlindUp = function(inElm, opts) { } } /** +* @private +* @method prepStyle * Preps the style of the element before running the Animation. */ YAHOO.widget.Effects.BlindUp.prototype.prepStyle = function() { @@ -256,6 +260,7 @@ YAHOO.widget.Effects.BlindUp.prototype.prepStyle = function() { YAHOO.widget.Effects.Show(this.element); } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.BlindUp.prototype.animate = function() { @@ -263,14 +268,15 @@ YAHOO.widget.Effects.BlindUp.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.BlindUp.prototype.toString = function() { return 'Effect BlindUp [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object act like a window blind opening. +* @class Effects.BlindDown * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -350,6 +356,8 @@ YAHOO.widget.Effects.BlindDown = function(inElm, opts) { } } /** +* @private +* @method prepStyle * Preps the style of the element before running the Animation. */ YAHOO.widget.Effects.BlindDown.prototype.prepStyle = function() { @@ -360,6 +368,7 @@ YAHOO.widget.Effects.BlindDown.prototype.prepStyle = function() { YAHOO.widget.Effects.Show(this.element); } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.BlindDown.prototype.animate = function() { @@ -367,14 +376,15 @@ YAHOO.widget.Effects.BlindDown.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.BlindDown.prototype.toString = function() { return 'Effect BlindDown [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object slide open from the right. +* @class Effects.BlindRight * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -454,6 +464,8 @@ YAHOO.widget.Effects.BlindRight = function(inElm, opts) { } } /** +* @private +* @method prepStyle * Preps the style of the element before running the Animation. */ YAHOO.widget.Effects.BlindRight.prototype.prepStyle = function() { @@ -463,6 +475,7 @@ YAHOO.widget.Effects.BlindRight.prototype.prepStyle = function() { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.BlindRight.prototype.animate = function() { @@ -470,14 +483,15 @@ YAHOO.widget.Effects.BlindRight.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.BlindRight.prototype.toString = function() { return 'Effect BlindRight [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object slide closed from the left. +* @class Effects.BlindLeft * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -559,6 +573,8 @@ YAHOO.widget.Effects.BlindLeft = function(inElm, opts) { } } /** +* @private +* @method BlindLeft * Preps the style of the element before running the Animation. */ YAHOO.widget.Effects.BlindLeft.prototype.prepStyle = function() { @@ -573,6 +589,7 @@ YAHOO.widget.Effects.BlindLeft.prototype.prepStyle = function() { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.BlindLeft.prototype.animate = function() { @@ -580,14 +597,15 @@ YAHOO.widget.Effects.BlindLeft.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.BlindLeft.prototype.toString = function() { return 'Effect BlindLeft [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object appear to fold up. +* @class Effects.Fold * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -661,20 +679,22 @@ YAHOO.widget.Effects.Fold = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Fold.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Fold.prototype.toString = function() { return 'Effect Fold [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object appear to fold out (opposite of Fold). +* @class Effects.UnFold * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -748,6 +768,8 @@ YAHOO.widget.Effects.UnFold = function(inElm, opts) { } } /** +* @private +* @method prepStyle * Preps the style of the element before running the Animation. */ YAHOO.widget.Effects.UnFold.prototype.prepStyle = function() { @@ -757,6 +779,7 @@ YAHOO.widget.Effects.UnFold.prototype.prepStyle = function() { this.effect.attributes = attributes; } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.UnFold.prototype.animate = function() { @@ -765,6 +788,7 @@ YAHOO.widget.Effects.UnFold.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.UnFold.prototype.toString = function() { @@ -773,8 +797,8 @@ YAHOO.widget.Effects.UnFold.prototype.toString = function() { /** -* @constructor * This effect makes the object shake from Right to Left. +* @class Effects.ShakeLR * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -848,20 +872,22 @@ YAHOO.widget.Effects.ShakeLR = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.ShakeLR.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.ShakeLR.prototype.toString = function() { return 'Effect ShakeLR [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object shake from Top to Bottom. +* @class Effects.ShakeTB * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -935,20 +961,22 @@ YAHOO.widget.Effects.ShakeTB = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.ShakeTB.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.ShakeTB.prototype.toString = function() { return 'Effect ShakeTB [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object drop from sight. +* @class Effects.Drop * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -997,20 +1025,22 @@ YAHOO.widget.Effects.Drop = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Drop.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Drop.prototype.toString = function() { return 'Effect Drop [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object flash on and off. +* @class Effects.Pulse * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1078,20 +1108,22 @@ YAHOO.widget.Effects.Pulse = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Pulse.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Pulse.prototype.toString = function() { return 'Effect Pulse [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object shrink from sight. +* @class Effects.Shrink * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1142,20 +1174,22 @@ YAHOO.widget.Effects.Shrink = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Shrink.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Shrink.prototype.toString = function() { return 'Effect Shrink [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object grow. +* @class Effects.Grow * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1204,20 +1238,22 @@ YAHOO.widget.Effects.Grow = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Grow.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Grow.prototype.toString = function() { return 'Effect Grow [' + this.element.id + ']'; } /** -* @constructor * This effect makes the object act like an old TV set. +* @class Effects.TV * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1278,12 +1314,14 @@ YAHOO.widget.Effects.TV = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.TV.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.TV.prototype.toString = function() { @@ -1291,6 +1329,7 @@ YAHOO.widget.Effects.TV.prototype.toString = function() { } /** * This effect makes the object expand & dissappear. +* @class Effects.Shadow * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1370,12 +1409,14 @@ YAHOO.widget.Effects.Shadow = function(inElm, opts) { } } /** +* @method animate * Fires off the embedded Animation. */ YAHOO.widget.Effects.Shadow.prototype.animate = function() { this.effect.animate(); } /** +* @method toString * String function for reporting to YUI Logger */ YAHOO.widget.Effects.Shadow.prototype.toString = function() { @@ -1383,6 +1424,7 @@ YAHOO.widget.Effects.Shadow.prototype.toString = function() { } /** * This effect makes the object expand & dissappear. +* @class Effects.Puff * @param {String/HTMLElement} inElm HTML element to apply the effect to * @param {Object} options Pass in an object of options for this effect, you can choose the Easing and the Duration * <code> var options = ( @@ -1471,333 +1513,3 @@ if (!YAHOO.Tools) { } -/** -* @deprecated -* Effect is depreciated due to the introduction of onEffectComplete -* This can now bw accomplished via: <pre> -* eff = new YAHOO.widget.Effects.BlindUp('demo1', { delay: true }); -* eff.onEffectComplete.subscribe(function() { -* eff2 = new YAHOO.widget.Effects.BlindRight('demo1', { delay: true }); -* eff2.onEffectComplete.subscribe(function() { -* eff3 = new YAHOO.widget.Effects.BlindDown('demo1', { delay: true }); -* eff3.onEffectComplete.subscribe(function() { -* eff4 = new YAHOO.widget.Effects.Drop('demo1', { delay: true }); -* eff4.animate(); -* }); -* eff3.animate(); -* }); -* eff2.animate(); -* });</pre> -*/ -YAHOO.widget.Effects.Batch = function(effects, opts) { - //Removed -} - -/** -* @class -* This is a namespace call, nothing here to see. -* @constructor -*/ -YAHOO.widget.Effects.ContainerEffect = function() { -} -/** -* @constructor -* Container Effect: -* Show: BlindUp (binded) -* Hide: BlindDown (binded) -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDownBinded = function(overlay, dur) { - var bupdownbinded = new YAHOO.widget.ContainerEffect(overlay, - { attributes: { - effect: 'BlindUp', - opts: { - bind: 'bottom' - } - }, - duration: dur - }, { - attributes: { - effect: 'BlindDown', - opts: { - bind: 'bottom' - } - }, - duration: dur - }, - overlay.element, - YAHOO.widget.Effects.Container - ); - bupdownbinded.init(); - return bupdownbinded; -} -/** -* @constructor -* Container Effect: -* Show: BlindUp -* Hide: BlindDown -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDown = function(overlay, dur) { - var bupdown = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindDown' }, duration: dur }, { attributes: { effect: 'BlindUp' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bupdown.init(); - return bupdown; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft (binded) -* Hide: BlindRight (binded) -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightBinded = function(overlay, dur) { - var bleftrightbinded = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindLeft', opts: {bind: 'right'} }, duration: dur }, { attributes: { effect: 'BlindRight', opts: { bind: 'right' } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftrightbinded.init(); - return bleftrightbinded; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft -* Hide: BlindRight -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftRight = function(overlay, dur) { - var bleftright = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindRight' }, duration: dur }, { attributes: { effect: 'BlindLeft' } , duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftright.init(); - return bleftright; -} -/** -* @constructor -* Container Effect: -* Show: BlindRight -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindRightFold = function(overlay, dur) { - var brightfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindRight' }, duration: dur }, { attributes: { effect: 'Fold' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - brightfold.init(); - return brightfold; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft (binded) -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftFold = function(overlay, dur) { - var bleftfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindLeft', opts: { bind: 'right' } }, duration: dur }, { attributes: { effect: 'Fold' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftfold.init(); - return bleftfold; -} -/** -* @constructor -* Container Effect: -* Show: UnFold -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.UnFoldFold = function(overlay, dur) { - var bunfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'UnFold' }, duration: dur }, { attributes: { effect: 'Fold' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bunfold.init(); - return bunfold; -} -/** -* @constructor -* Container Effect: -* Show: BlindDown -* Hide: BlindDrop -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindDownDrop = function(overlay, dur) { - var bdowndrop = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindDown' }, duration: dur }, { attributes: { effect: 'Drop' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bdowndrop.init(); - return bdowndrop; -} - -/** -* @constructor -* Container Effect: -* Show: BlindUp (binded) -* Hide: BlindDrop -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDrop = function(overlay, dur) { - var bupdrop = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindUp', opts: { bind: 'bottom' } }, duration: dur }, { attributes: { effect: 'Drop' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bupdrop.init(); - return bupdrop; -} - -/** -* @constructor -* Container Effect: -* Show: BlindUp (binded) -* Hide: BlindDown (binded) -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDownBindedGhost = function(overlay, dur) { - var bupdownbinded = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindUp', opts: {ghost: true, bind: 'bottom' } }, duration: dur }, { attributes: { effect: 'BlindDown', opts: { ghost: true, bind: 'bottom'} }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container); - bupdownbinded.init(); - return bupdownbinded; -} -/** -* @constructor -* Container Effect: -* Show: BlindUp -* Hide: BlindDown -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDownGhost = function(overlay, dur) { - var bupdown = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindDown', opts: { ghost: true } }, duration: dur }, { attributes: { effect: 'BlindUp', opts: { ghost: true } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bupdown.init(); - return bupdown; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft (binded) -* Hide: BlindRight (binded) -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightBindedGhost = function(overlay, dur) { - var bleftrightbinded = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindLeft', opts: {bind: 'right', ghost: true } }, duration: dur }, { attributes: { effect: 'BlindRight', opts: { bind: 'right', ghost: true } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftrightbinded.init(); - return bleftrightbinded; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft -* Hide: BlindRight -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftRightGhost = function(overlay, dur) { - var bleftright = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindRight', opts: { ghost: true } }, duration: dur }, { attributes: { effect: 'BlindLeft', opts: { ghost: true } } , duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftright.init(); - return bleftright; -} -/** -* @constructor -* Container Effect: -* Show: BlindRight -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindRightFoldGhost = function(overlay, dur) { - var brightfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindRight', opts: { ghost: true } }, duration: dur }, { attributes: { effect: 'Fold', opts: { ghost: true } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - brightfold.init(); - return brightfold; -} -/** -* @constructor -* Container Effect: -* Show: BlindLeft (binded) -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindLeftFoldGhost = function(overlay, dur) { - var bleftfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindLeft', opts: { bind: 'right', ghost: true } }, duration: dur }, { attributes: { effect: 'Fold', opts: { ghost: true } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftfold.init(); - return bleftfold; -} -/** -* @constructor -* Container Effect: -* Show: UnFold -* Hide: Fold -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.UnFoldFoldGhost = function(overlay, dur) { - var bleftfold = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'UnFold', opts: { ghost: true } }, duration: dur }, { attributes: { effect: 'Fold', opts: { ghost: true } }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bleftfold.init(); - return bleftfold; -} - -/** -* @constructor -* Container Effect: -* Show: BlindDown -* Hide: BlindDrop -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindDownDropGhost = function(overlay, dur) { - var bdowndrop = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindDown', opts: { ghost: true } }, duration: dur }, { attributes: { effect: 'Drop' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bdowndrop.init(); - return bdowndrop; -} - -/** -* @constructor -* Container Effect: -* Show: BlindUp (binded) -* Hide: BlindDrop -* @return Container Effect Object -* @type Object -*/ -YAHOO.widget.Effects.ContainerEffect.BlindUpDropGhost = function(overlay, dur) { - var bupdrop = new YAHOO.widget.ContainerEffect(overlay, { attributes: { effect: 'BlindUp', opts: { bind: 'bottom', ghost: true } }, duration: dur }, { attributes: { effect: 'Drop' }, duration: dur }, overlay.element, YAHOO.widget.Effects.Container ); - bupdrop.init(); - return bupdrop; -} - - - -/** -* @class -* This is a wrapper function to convert my YAHOO.widget.Effect into a YAHOO.widget.ContainerEffects object -* @constructor -* @return Animation Effect Object -* @type Object -*/ -YAHOO.widget.Effects.Container = function(el, attrs, dur) { - var opts = { delay: true }; - if (attrs.opts) { - for (var i in attrs.opts) { - opts[i] = attrs.opts[i]; - } - } - //var eff = eval('new YAHOO.widget.Effects.' + attrs.effect + '("' + el.id + '", {delay: true' + opts + '})'); - var func = eval('YAHOO.widget.Effects.' + attrs.effect); - var eff = new func(el, opts); - - /** - * Empty event handler to make ContainerEffects happy - * May try to attach them to my effects later - * @type Object - */ - //eff.onStart = new YAHOO.util.CustomEvent('onstart', this); - eff.onStart = eff.effect.onStart; - /** - * Empty event handler to make ContainerEffects happy - * May try to attach them to my effects later - * @type Object - */ - //eff.onTween = new YAHOO.util.CustomEvent('ontween', this); - eff.onTween = eff.effect.onTween; - /** - * Empty event handler to make ContainerEffects happy - * May try to attach them to my effects later - * @type Object - */ - //eff.onComplete = new YAHOO.util.CustomEvent('oncomplete', this); - eff.onComplete = eff.onEffectComplete; - return eff; -} effects.js @@ -37,7 +37,6 @@ This is my attempt to somewhat mimic & improve upon the Combination Effects in script.aculo.us (<a href="http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo">http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo</a>) The YUI libraries are fantastic, but coming from developing tools with script.aculo.us, I kind of miss the simple combination effects. The power of the YUI libraries is outstanding, if I want to make all of my effects manually. I have added some serious enhancements to the Effects. The Effects now support passing in an option called "delay". This will cause the Effect to not execute immediately. Additionally I have added support for a Custom Event called onEffectComplete. Combining the two will allow for more customization (See the Batch Example Below). -Also check out my <a href="container.php">new Container effects</a>, they can be applied directly to a YUI Panel/Overlay/Container Also check out my <a href="ghost.php">new Ghosting effects</a>, you can now set an option called "ghost" that will allow for opacity animation. The latest version now monitors the effects animation & will not run again if it is still animating. This will prevent the dreaded "multiple crazy click" problem, where the effect would run on top of itself if the effect was fired off more than once (e.g. from a user clicking it several times). NOTICE: The latest version now requires my <a href="../tools/">YAHOO.Tools</a> package as well as the YUI libs index.php container-debug.js container.php container2.php e27a35c6824a30d897f9a6e55ae9a370e52b559e Dav Glass davglass@gmail.com http://github.com/davglass/yui-effects/commit/57ed4459eb3a997a67e6349ba752904ce6c94ddc 57ed4459eb3a997a67e6349ba752904ce6c94ddc

2009-01-12T21:20:10-08:00

Updated docs to use YUIDoc syntax 91de415a43b45058733ff6a95941e47cadc1ddd5 Dav Glass davglass@gmail.com