diff options
Diffstat (limited to 'framework/Web/Javascripts/js/effects.js')
| -rw-r--r-- | framework/Web/Javascripts/js/effects.js | 597 |
1 files changed, 303 insertions, 294 deletions
diff --git a/framework/Web/Javascripts/js/effects.js b/framework/Web/Javascripts/js/effects.js index 44f1a4e8..d72e3eba 100644 --- a/framework/Web/Javascripts/js/effects.js +++ b/framework/Web/Javascripts/js/effects.js @@ -20,20 +20,15 @@ _1=this.toLowerCase(); } return (_1.length==7?_1:(arguments[0]||this)); }; -Element.collectTextNodesIgnoreClass=function(_4,_5){ -var _6=$(_4).childNodes; -var _7=""; -var _8=new RegExp("^([^ ]+ )*"+_5+"( [^ ]+)*$","i"); -for(var i=0;i<_6.length;i++){ -if(_6[i].nodeType==3){ -_7+=_6[i].nodeValue; -}else{ -if((!_6[i].className.match(_8))&&_6[i].hasChildNodes()){ -_7+=Element.collectTextNodesIgnoreClass(_6[i],_5); -} -} -} -return _7; +Element.collectTextNodes=function(_4){ +return $A($(_4).childNodes).collect(function(_5){ +return (_5.nodeType==3?_5.nodeValue:(_5.hasChildNodes()?Element.collectTextNodes(_5):"")); +}).flatten().join(""); +}; +Element.collectTextNodesIgnoreClass=function(_6,_7){ +return $A($(_6).childNodes).collect(function(_8){ +return (_8.nodeType==3?_8.nodeValue:((_8.hasChildNodes()&&!Element.hasClassName(_8,_7))?Element.collectTextNodes(_8):"")); +}).flatten().join(""); }; Element.setStyle=function(_9,_10){ _9=$(_9); @@ -116,6 +111,11 @@ var _31=_30.delay; $A(_29).each(function(_27,_32){ new _28(_27,Object.extend(_30,{delay:_32*_30.speed+_31})); }); +},PAIRS:{"slide":["SlideDown","SlideUp"],"blind":["BlindDown","BlindUp"],"appear":["Appear","Fade"]},toggle:function(_33,_34){ +_33=$(_33); +_34=(_34||"appear").toLowerCase(); +var _35=Object.extend({queue:{position:"end",scope:(_33.id||"global")}},arguments[2]||{}); +Effect[Element.visible(_33)?Effect.PAIRS[_34][1]:Effect.PAIRS[_34][0]](_33,_35); }}; var Effect2=Effect; Effect.Transitions={}; @@ -143,59 +143,72 @@ return 0; Effect.Transitions.full=function(pos){ return 1; }; -Effect.Queue={effects:[],_each:function(_34){ -this.effects._each(_34); -},interval:null,add:function(_35){ -var _36=new Date().getTime(); -switch(_35.options.queue){ +Effect.ScopedQueue=Class.create(); +Object.extend(Object.extend(Effect.ScopedQueue.prototype,Enumerable),{initialize:function(){ +this.effects=[]; +this.interval=null; +},_each:function(_37){ +this.effects._each(_37); +},add:function(_38){ +var _39=new Date().getTime(); +var _40=(typeof _38.options.queue=="string")?_38.options.queue:_38.options.queue.position; +switch(_40){ case "front": this.effects.findAll(function(e){ return e.state=="idle"; }).each(function(e){ -e.startOn+=_35.finishOn; -e.finishOn+=_35.finishOn; +e.startOn+=_38.finishOn; +e.finishOn+=_38.finishOn; }); break; case "end": -_36=this.effects.pluck("finishOn").max()||_36; +_39=this.effects.pluck("finishOn").max()||_39; break; } -_35.startOn+=_36; -_35.finishOn+=_36; -this.effects.push(_35); +_38.startOn+=_39; +_38.finishOn+=_39; +this.effects.push(_38); if(!this.interval){ this.interval=setInterval(this.loop.bind(this),40); } -},remove:function(_38){ +},remove:function(_42){ this.effects=this.effects.reject(function(e){ -return e==_38; +return e==_42; }); if(this.effects.length==0){ clearInterval(this.interval); this.interval=null; } },loop:function(){ -var _39=new Date().getTime(); -this.effects.invoke("loop",_39); +var _43=new Date().getTime(); +this.effects.invoke("loop",_43); +}}); +Effect.Queues={instances:$H(),get:function(_44){ +if(typeof _44!="string"){ +return _44; +} +if(!this.instances[_44]){ +this.instances[_44]=new Effect.ScopedQueue(); +} +return this.instances[_44]; }}; -Object.extend(Effect.Queue,Enumerable); +Effect.Queue=Effect.Queues.get("global"); +Effect.DefaultOptions={transition:Effect.Transitions.sinoidal,duration:1,fps:25,sync:false,from:0,to:1,delay:0,queue:"parallel"}; Effect.Base=function(){ }; -Effect.Base.prototype={position:null,setOptions:function(_40){ -this.options=Object.extend({transition:Effect.Transitions.sinoidal,duration:1,fps:25,sync:false,from:0,to:1,delay:0,queue:"parallel"},_40||{}); -},start:function(_41){ -this.setOptions(_41||{}); +Effect.Base.prototype={position:null,start:function(_45){ +this.options=Object.extend(Object.extend({},Effect.DefaultOptions),_45||{}); this.currentFrame=0; this.state="idle"; this.startOn=this.options.delay*1000; this.finishOn=this.startOn+(this.options.duration*1000); this.event("beforeStart"); if(!this.options.sync){ -Effect.Queue.add(this); +Effect.Queues.get(typeof this.options.queue=="string"?"global":this.options.queue.scope).add(this); } -},loop:function(_42){ -if(_42>=this.startOn){ -if(_42>=this.finishOn){ +},loop:function(_46){ +if(_46>=this.startOn){ +if(_46>=this.finishOn){ this.render(1); this.cancel(); this.event("beforeFinish"); @@ -205,11 +218,11 @@ this.finish(); this.event("afterFinish"); return; } -var pos=(_42-this.startOn)/(this.finishOn-this.startOn); -var _43=Math.round(pos*this.options.fps*this.options.duration); -if(_43>this.currentFrame){ +var pos=(_46-this.startOn)/(this.finishOn-this.startOn); +var _47=Math.round(pos*this.options.fps*this.options.duration); +if(_47>this.currentFrame){ this.render(pos); -this.currentFrame=_43; +this.currentFrame=_47; } } },render:function(pos){ @@ -236,65 +249,71 @@ this.event("afterUpdate"); } },cancel:function(){ if(!this.options.sync){ -Effect.Queue.remove(this); +Effect.Queues.get(typeof this.options.queue=="string"?"global":this.options.queue.scope).remove(this); } this.state="finished"; -},event:function(_44){ -if(this.options[_44+"Internal"]){ -this.options[_44+"Internal"](this); +},event:function(_48){ +if(this.options[_48+"Internal"]){ +this.options[_48+"Internal"](this); } -if(this.options[_44]){ -this.options[_44](this); +if(this.options[_48]){ +this.options[_48](this); } },inspect:function(){ return "#<Effect:"+$H(this).inspect()+",options:"+$H(this.options).inspect()+">"; }}; Effect.Parallel=Class.create(); -Object.extend(Object.extend(Effect.Parallel.prototype,Effect.Base.prototype),{initialize:function(_45){ -this.effects=_45||[]; +Object.extend(Object.extend(Effect.Parallel.prototype,Effect.Base.prototype),{initialize:function(_49){ +this.effects=_49||[]; this.start(arguments[1]); -},update:function(_46){ -this.effects.invoke("render",_46); -},finish:function(_47){ -this.effects.each(function(_48){ -_48.render(1); -_48.cancel(); -_48.event("beforeFinish"); -if(_48.finish){ -_48.finish(_47); -} -_48.event("afterFinish"); +},update:function(_50){ +this.effects.invoke("render",_50); +},finish:function(_51){ +this.effects.each(function(_52){ +_52.render(1); +_52.cancel(); +_52.event("beforeFinish"); +if(_52.finish){ +_52.finish(_51); +} +_52.event("afterFinish"); }); }}); Effect.Opacity=Class.create(); -Object.extend(Object.extend(Effect.Opacity.prototype,Effect.Base.prototype),{initialize:function(_49){ -this.element=$(_49); +Object.extend(Object.extend(Effect.Opacity.prototype,Effect.Base.prototype),{initialize:function(_53){ +this.element=$(_53); if(/MSIE/.test(navigator.userAgent)&&(!this.element.hasLayout)){ Element.setStyle(this.element,{zoom:1}); } -var _50=Object.extend({from:Element.getOpacity(this.element)||0,to:1},arguments[1]||{}); -this.start(_50); -},update:function(_51){ -Element.setOpacity(this.element,_51); +var _54=Object.extend({from:Element.getOpacity(this.element)||0,to:1},arguments[1]||{}); +this.start(_54); +},update:function(_55){ +Element.setOpacity(this.element,_55); }}); -Effect.MoveBy=Class.create(); -Object.extend(Object.extend(Effect.MoveBy.prototype,Effect.Base.prototype),{initialize:function(_52,_53,_54){ -this.element=$(_52); -this.toTop=_53; -this.toLeft=_54; -this.start(arguments[3]); +Effect.Move=Class.create(); +Object.extend(Object.extend(Effect.Move.prototype,Effect.Base.prototype),{initialize:function(_56){ +this.element=$(_56); +var _57=Object.extend({x:0,y:0,mode:"relative"},arguments[1]||{}); +this.start(_57); },setup:function(){ Element.makePositioned(this.element); -this.originalTop=parseFloat(Element.getStyle(this.element,"top")||"0"); this.originalLeft=parseFloat(Element.getStyle(this.element,"left")||"0"); -},update:function(_55){ -Element.setStyle(this.element,{top:this.toTop*_55+this.originalTop+"px",left:this.toLeft*_55+this.originalLeft+"px"}); +this.originalTop=parseFloat(Element.getStyle(this.element,"top")||"0"); +if(this.options.mode=="absolute"){ +this.options.x=this.options.x-this.originalLeft; +this.options.y=this.options.y-this.originalTop; +} +},update:function(_58){ +Element.setStyle(this.element,{left:this.options.x*_58+this.originalLeft+"px",top:this.options.y*_58+this.originalTop+"px"}); }}); +Effect.MoveBy=function(_59,_60,_61){ +return new Effect.Move(_59,Object.extend({x:_61,y:_60},arguments[3]||{})); +}; Effect.Scale=Class.create(); -Object.extend(Object.extend(Effect.Scale.prototype,Effect.Base.prototype),{initialize:function(_56,_57){ -this.element=$(_56); -var _58=Object.extend({scaleX:true,scaleY:true,scaleContent:true,scaleFromCenter:false,scaleMode:"box",scaleFrom:100,scaleTo:_57},arguments[2]||{}); -this.start(_58); +Object.extend(Object.extend(Effect.Scale.prototype,Effect.Base.prototype),{initialize:function(_62,_63){ +this.element=$(_62); +var _64=Object.extend({scaleX:true,scaleY:true,scaleContent:true,scaleFromCenter:false,scaleMode:"box",scaleFrom:100,scaleTo:_63},arguments[2]||{}); +this.start(_64); },setup:function(){ this.restoreAfterFinish=this.options.restoreAfterFinish||false; this.elementPositioning=Element.getStyle(this.element,"position"); @@ -304,11 +323,11 @@ this.originalStyle[k]=this.element.style[k]; }.bind(this)); this.originalTop=this.element.offsetTop; this.originalLeft=this.element.offsetLeft; -var _60=Element.getStyle(this.element,"font-size")||"100%"; -["em","px","%"].each(function(_61){ -if(_60.indexOf(_61)>0){ -this.fontSize=parseFloat(_60); -this.fontSizeType=_61; +var _66=Element.getStyle(this.element,"font-size")||"100%"; +["em","px","%"].each(function(_67){ +if(_66.indexOf(_67)>0){ +this.fontSize=parseFloat(_66); +this.fontSizeType=_67; } }.bind(this)); this.factor=(this.options.scaleTo-this.options.scaleFrom)/100; @@ -322,50 +341,50 @@ this.dims=[this.element.scrollHeight,this.element.scrollWidth]; if(!this.dims){ this.dims=[this.options.scaleMode.originalHeight,this.options.scaleMode.originalWidth]; } -},update:function(_62){ -var _63=(this.options.scaleFrom/100)+(this.factor*_62); +},update:function(_68){ +var _69=(this.options.scaleFrom/100)+(this.factor*_68); if(this.options.scaleContent&&this.fontSize){ -Element.setStyle(this.element,{fontSize:this.fontSize*_63+this.fontSizeType}); +Element.setStyle(this.element,{fontSize:this.fontSize*_69+this.fontSizeType}); } -this.setDimensions(this.dims[0]*_63,this.dims[1]*_63); -},finish:function(_64){ +this.setDimensions(this.dims[0]*_69,this.dims[1]*_69); +},finish:function(_70){ if(this.restoreAfterFinish){ Element.setStyle(this.element,this.originalStyle); } -},setDimensions:function(_65,_66){ +},setDimensions:function(_71,_72){ var d={}; if(this.options.scaleX){ -d.width=_66+"px"; +d.width=_72+"px"; } if(this.options.scaleY){ -d.height=_65+"px"; +d.height=_71+"px"; } if(this.options.scaleFromCenter){ -var _68=(_65-this.dims[0])/2; -var _69=(_66-this.dims[1])/2; +var _74=(_71-this.dims[0])/2; +var _75=(_72-this.dims[1])/2; if(this.elementPositioning=="absolute"){ if(this.options.scaleY){ -d.top=this.originalTop-_68+"px"; +d.top=this.originalTop-_74+"px"; } if(this.options.scaleX){ -d.left=this.originalLeft-_69+"px"; +d.left=this.originalLeft-_75+"px"; } }else{ if(this.options.scaleY){ -d.top=-_68+"px"; +d.top=-_74+"px"; } if(this.options.scaleX){ -d.left=-_69+"px"; +d.left=-_75+"px"; } } } Element.setStyle(this.element,d); }}); Effect.Highlight=Class.create(); -Object.extend(Object.extend(Effect.Highlight.prototype,Effect.Base.prototype),{initialize:function(_70){ -this.element=$(_70); -var _71=Object.extend({startcolor:"#ffff99"},arguments[1]||{}); -this.start(_71); +Object.extend(Object.extend(Effect.Highlight.prototype,Effect.Base.prototype),{initialize:function(_76){ +this.element=$(_76); +var _77=Object.extend({startcolor:"#ffff99"},arguments[1]||{}); +this.start(_77); },setup:function(){ if(Element.getStyle(this.element,"display")=="none"){ this.cancel(); @@ -385,134 +404,134 @@ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16); this._delta=$R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i]; }.bind(this)); -},update:function(_72){ +},update:function(_78){ Element.setStyle(this.element,{backgroundColor:$R(0,2).inject("#",function(m,v,i){ -return m+(Math.round(this._base[i]+(this._delta[i]*_72)).toColorPart()); +return m+(Math.round(this._base[i]+(this._delta[i]*_78)).toColorPart()); }.bind(this))}); },finish:function(){ Element.setStyle(this.element,Object.extend(this.oldStyle,{backgroundColor:this.options.restorecolor})); }}); Effect.ScrollTo=Class.create(); -Object.extend(Object.extend(Effect.ScrollTo.prototype,Effect.Base.prototype),{initialize:function(_75){ -this.element=$(_75); +Object.extend(Object.extend(Effect.ScrollTo.prototype,Effect.Base.prototype),{initialize:function(_81){ +this.element=$(_81); this.start(arguments[1]||{}); },setup:function(){ Position.prepare(); -var _76=Position.cumulativeOffset(this.element); +var _82=Position.cumulativeOffset(this.element); if(this.options.offset){ -_76[1]+=this.options.offset; +_82[1]+=this.options.offset; } var max=window.innerHeight?window.height-window.innerHeight:document.body.scrollHeight-(document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight); this.scrollStart=Position.deltaY; -this.delta=(_76[1]>max?max:_76[1])-this.scrollStart; -},update:function(_78){ +this.delta=(_82[1]>max?max:_82[1])-this.scrollStart; +},update:function(_84){ Position.prepare(); -window.scrollTo(Position.deltaX,this.scrollStart+(_78*this.delta)); +window.scrollTo(Position.deltaX,this.scrollStart+(_84*this.delta)); }}); -Effect.Fade=function(_79){ -var _80=Element.getInlineOpacity(_79); -var _81=Object.extend({from:Element.getOpacity(_79)||1,to:0,afterFinishInternal:function(_82){ +Effect.Fade=function(_85){ +var _86=Element.getInlineOpacity(_85); +var _87=Object.extend({from:Element.getOpacity(_85)||1,to:0,afterFinishInternal:function(_88){ with(Element){ -if(_82.options.to!=0){ +if(_88.options.to!=0){ return; } -hide(_82.element); -setStyle(_82.element,{opacity:_80}); +hide(_88.element); +setStyle(_88.element,{opacity:_86}); } }},arguments[1]||{}); -return new Effect.Opacity(_79,_81); +return new Effect.Opacity(_85,_87); }; -Effect.Appear=function(_83){ -var _84=Object.extend({from:(Element.getStyle(_83,"display")=="none"?0:Element.getOpacity(_83)||0),to:1,beforeSetup:function(_85){ +Effect.Appear=function(_89){ +var _90=Object.extend({from:(Element.getStyle(_89,"display")=="none"?0:Element.getOpacity(_89)||0),to:1,beforeSetup:function(_91){ with(Element){ -setOpacity(_85.element,_85.options.from); -show(_85.element); +setOpacity(_91.element,_91.options.from); +show(_91.element); } }},arguments[1]||{}); -return new Effect.Opacity(_83,_84); +return new Effect.Opacity(_89,_90); }; -Effect.Puff=function(_86){ -_86=$(_86); -var _87={opacity:Element.getInlineOpacity(_86),position:Element.getStyle(_86,"position")}; -return new Effect.Parallel([new Effect.Scale(_86,200,{sync:true,scaleFromCenter:true,scaleContent:true,restoreAfterFinish:true}),new Effect.Opacity(_86,{sync:true,to:0})],Object.extend({duration:1,beforeSetupInternal:function(_88){ +Effect.Puff=function(_92){ +_92=$(_92); +var _93={opacity:Element.getInlineOpacity(_92),position:Element.getStyle(_92,"position")}; +return new Effect.Parallel([new Effect.Scale(_92,200,{sync:true,scaleFromCenter:true,scaleContent:true,restoreAfterFinish:true}),new Effect.Opacity(_92,{sync:true,to:0})],Object.extend({duration:1,beforeSetupInternal:function(_94){ with(Element){ -setStyle(_88.effects[0].element,{position:"absolute"}); +setStyle(_94.effects[0].element,{position:"absolute"}); } -},afterFinishInternal:function(_89){ +},afterFinishInternal:function(_95){ with(Element){ -hide(_89.effects[0].element); -setStyle(_89.effects[0].element,_87); +hide(_95.effects[0].element); +setStyle(_95.effects[0].element,_93); } }},arguments[1]||{})); }; -Effect.BlindUp=function(_90){ -_90=$(_90); -Element.makeClipping(_90); -return new Effect.Scale(_90,0,Object.extend({scaleContent:false,scaleX:false,restoreAfterFinish:true,afterFinishInternal:function(_91){ +Effect.BlindUp=function(_96){ +_96=$(_96); +Element.makeClipping(_96); +return new Effect.Scale(_96,0,Object.extend({scaleContent:false,scaleX:false,restoreAfterFinish:true,afterFinishInternal:function(_97){ with(Element){ -[hide,undoClipping].call(_91.element); +[hide,undoClipping].call(_97.element); } }},arguments[1]||{})); }; -Effect.BlindDown=function(_92){ -_92=$(_92); -var _93=Element.getStyle(_92,"height"); -var _94=Element.getDimensions(_92); -return new Effect.Scale(_92,100,Object.extend({scaleContent:false,scaleX:false,scaleFrom:0,scaleMode:{originalHeight:_94.height,originalWidth:_94.width},restoreAfterFinish:true,afterSetup:function(_95){ +Effect.BlindDown=function(_98){ +_98=$(_98); +var _99=Element.getStyle(_98,"height"); +var _100=Element.getDimensions(_98); +return new Effect.Scale(_98,100,Object.extend({scaleContent:false,scaleX:false,scaleFrom:0,scaleMode:{originalHeight:_100.height,originalWidth:_100.width},restoreAfterFinish:true,afterSetup:function(_101){ with(Element){ -makeClipping(_95.element); -setStyle(_95.element,{height:"0px"}); -show(_95.element); +makeClipping(_101.element); +setStyle(_101.element,{height:"0px"}); +show(_101.element); } -},afterFinishInternal:function(_96){ +},afterFinishInternal:function(_102){ with(Element){ -undoClipping(_96.element); -setStyle(_96.element,{height:_93}); +undoClipping(_102.element); +setStyle(_102.element,{height:_99}); } }},arguments[1]||{})); }; -Effect.SwitchOff=function(_97){ -_97=$(_97); -var _98=Element.getInlineOpacity(_97); -return new Effect.Appear(_97,{duration:0.4,from:0,transition:Effect.Transitions.flicker,afterFinishInternal:function(_99){ -new Effect.Scale(_99.element,1,{duration:0.3,scaleFromCenter:true,scaleX:false,scaleContent:false,restoreAfterFinish:true,beforeSetup:function(_99){ +Effect.SwitchOff=function(_103){ +_103=$(_103); +var _104=Element.getInlineOpacity(_103); +return new Effect.Appear(_103,{duration:0.4,from:0,transition:Effect.Transitions.flicker,afterFinishInternal:function(_105){ +new Effect.Scale(_105.element,1,{duration:0.3,scaleFromCenter:true,scaleX:false,scaleContent:false,restoreAfterFinish:true,beforeSetup:function(_105){ with(Element){ -[makePositioned,makeClipping].call(_99.element); +[makePositioned,makeClipping].call(_105.element); } -},afterFinishInternal:function(_100){ +},afterFinishInternal:function(_106){ with(Element){ -[hide,undoClipping,undoPositioned].call(_100.element); -setStyle(_100.element,{opacity:_98}); +[hide,undoClipping,undoPositioned].call(_106.element); +setStyle(_106.element,{opacity:_104}); } }}); }}); }; -Effect.DropOut=function(_101){ -_101=$(_101); -var _102={top:Element.getStyle(_101,"top"),left:Element.getStyle(_101,"left"),opacity:Element.getInlineOpacity(_101)}; -return new Effect.Parallel([new Effect.MoveBy(_101,100,0,{sync:true}),new Effect.Opacity(_101,{sync:true,to:0})],Object.extend({duration:0.5,beforeSetup:function(_103){ +Effect.DropOut=function(_107){ +_107=$(_107); +var _108={top:Element.getStyle(_107,"top"),left:Element.getStyle(_107,"left"),opacity:Element.getInlineOpacity(_107)}; +return new Effect.Parallel([new Effect.Move(_107,{x:0,y:100,sync:true}),new Effect.Opacity(_107,{sync:true,to:0})],Object.extend({duration:0.5,beforeSetup:function(_109){ with(Element){ -makePositioned(_103.effects[0].element); +makePositioned(_109.effects[0].element); } -},afterFinishInternal:function(_104){ +},afterFinishInternal:function(_110){ with(Element){ -[hide,undoPositioned].call(_104.effects[0].element); -setStyle(_104.effects[0].element,_102); +[hide,undoPositioned].call(_110.effects[0].element); +setStyle(_110.effects[0].element,_108); } }},arguments[1]||{})); }; -Effect.Shake=function(_105){ -_105=$(_105); -var _106={top:Element.getStyle(_105,"top"),left:Element.getStyle(_105,"left")}; -return new Effect.MoveBy(_105,0,20,{duration:0.05,afterFinishInternal:function(_107){ -new Effect.MoveBy(_107.element,0,-40,{duration:0.1,afterFinishInternal:function(_107){ -new Effect.MoveBy(_107.element,0,40,{duration:0.1,afterFinishInternal:function(_107){ -new Effect.MoveBy(_107.element,0,-40,{duration:0.1,afterFinishInternal:function(_107){ -new Effect.MoveBy(_107.element,0,40,{duration:0.1,afterFinishInternal:function(_107){ -new Effect.MoveBy(_107.element,0,-20,{duration:0.05,afterFinishInternal:function(_107){ +Effect.Shake=function(_111){ +_111=$(_111); +var _112={top:Element.getStyle(_111,"top"),left:Element.getStyle(_111,"left")}; +return new Effect.Move(_111,{x:20,y:0,duration:0.05,afterFinishInternal:function(_113){ +new Effect.Move(_113.element,{x:-40,y:0,duration:0.1,afterFinishInternal:function(_113){ +new Effect.Move(_113.element,{x:40,y:0,duration:0.1,afterFinishInternal:function(_113){ +new Effect.Move(_113.element,{x:-40,y:0,duration:0.1,afterFinishInternal:function(_113){ +new Effect.Move(_113.element,{x:40,y:0,duration:0.1,afterFinishInternal:function(_113){ +new Effect.Move(_113.element,{x:-20,y:0,duration:0.05,afterFinishInternal:function(_113){ with(Element){ -undoPositioned(_107.element); -setStyle(_107.element,_106); +undoPositioned(_113.element); +setStyle(_113.element,_112); } }}); }}); @@ -521,200 +540,190 @@ setStyle(_107.element,_106); }}); }}); }; -Effect.SlideDown=function(_108){ -_108=$(_108); -Element.cleanWhitespace(_108); -var _109=Element.getStyle(_108.firstChild,"bottom"); -var _110=Element.getDimensions(_108); -return new Effect.Scale(_108,100,Object.extend({scaleContent:false,scaleX:false,scaleFrom:0,scaleMode:{originalHeight:_110.height,originalWidth:_110.width},restoreAfterFinish:true,afterSetup:function(_111){ +Effect.SlideDown=function(_114){ +_114=$(_114); +Element.cleanWhitespace(_114); +var _115=Element.getStyle(_114.firstChild,"bottom"); +var _116=Element.getDimensions(_114); +return new Effect.Scale(_114,100,Object.extend({scaleContent:false,scaleX:false,scaleFrom:0,scaleMode:{originalHeight:_116.height,originalWidth:_116.width},restoreAfterFinish:true,afterSetup:function(_117){ with(Element){ -makePositioned(_111.element); -makePositioned(_111.element.firstChild); +makePositioned(_117.element); +makePositioned(_117.element.firstChild); if(window.opera){ -setStyle(_111.element,{top:""}); +setStyle(_117.element,{top:""}); } -makeClipping(_111.element); -setStyle(_111.element,{height:"0px"}); -show(_108); +makeClipping(_117.element); +setStyle(_117.element,{height:"0px"}); +show(_114); } -},afterUpdateInternal:function(_112){ +},afterUpdateInternal:function(_118){ with(Element){ -setStyle(_112.element.firstChild,{bottom:(_112.dims[0]-_112.element.clientHeight)+"px"}); +setStyle(_118.element.firstChild,{bottom:(_118.dims[0]-_118.element.clientHeight)+"px"}); } -},afterFinishInternal:function(_113){ +},afterFinishInternal:function(_119){ with(Element){ -undoClipping(_113.element); -undoPositioned(_113.element.firstChild); -undoPositioned(_113.element); -setStyle(_113.element.firstChild,{bottom:_109}); +undoClipping(_119.element); +undoPositioned(_119.element.firstChild); +undoPositioned(_119.element); +setStyle(_119.element.firstChild,{bottom:_115}); } }},arguments[1]||{})); }; -Effect.SlideUp=function(_114){ -_114=$(_114); -Element.cleanWhitespace(_114); -var _115=Element.getStyle(_114.firstChild,"bottom"); -return new Effect.Scale(_114,0,Object.extend({scaleContent:false,scaleX:false,scaleMode:"box",scaleFrom:100,restoreAfterFinish:true,beforeStartInternal:function(_116){ +Effect.SlideUp=function(_120){ +_120=$(_120); +Element.cleanWhitespace(_120); +var _121=Element.getStyle(_120.firstChild,"bottom"); +return new Effect.Scale(_120,0,Object.extend({scaleContent:false,scaleX:false,scaleMode:"box",scaleFrom:100,restoreAfterFinish:true,beforeStartInternal:function(_122){ with(Element){ -makePositioned(_116.element); -makePositioned(_116.element.firstChild); +makePositioned(_122.element); +makePositioned(_122.element.firstChild); if(window.opera){ -setStyle(_116.element,{top:""}); +setStyle(_122.element,{top:""}); } -makeClipping(_116.element); -show(_114); +makeClipping(_122.element); +show(_120); } -},afterUpdateInternal:function(_117){ +},afterUpdateInternal:function(_123){ with(Element){ -setStyle(_117.element.firstChild,{bottom:(_117.dims[0]-_117.element.clientHeight)+"px"}); +setStyle(_123.element.firstChild,{bottom:(_123.dims[0]-_123.element.clientHeight)+"px"}); } -},afterFinishInternal:function(_118){ +},afterFinishInternal:function(_124){ with(Element){ -[hide,undoClipping].call(_118.element); -undoPositioned(_118.element.firstChild); -undoPositioned(_118.element); -setStyle(_118.element.firstChild,{bottom:_115}); +[hide,undoClipping].call(_124.element); +undoPositioned(_124.element.firstChild); +undoPositioned(_124.element); +setStyle(_124.element.firstChild,{bottom:_121}); } }},arguments[1]||{})); }; -Effect.Squish=function(_119){ -return new Effect.Scale(_119,window.opera?1:0,{restoreAfterFinish:true,beforeSetup:function(_120){ +Effect.Squish=function(_125){ +return new Effect.Scale(_125,window.opera?1:0,{restoreAfterFinish:true,beforeSetup:function(_126){ with(Element){ -makeClipping(_120.element); +makeClipping(_126.element); } -},afterFinishInternal:function(_121){ +},afterFinishInternal:function(_127){ with(Element){ -hide(_121.element); -undoClipping(_121.element); +hide(_127.element); +undoClipping(_127.element); } }}); }; -Effect.Grow=function(_122){ -_122=$(_122); -var _123=Object.extend({direction:"center",moveTransistion:Effect.Transitions.sinoidal,scaleTransition:Effect.Transitions.sinoidal,opacityTransition:Effect.Transitions.full},arguments[1]||{}); -var _124={top:_122.style.top,left:_122.style.left,height:_122.style.height,width:_122.style.width,opacity:Element.getInlineOpacity(_122)}; -var dims=Element.getDimensions(_122); -var _126,initialMoveY; -var _127,moveY; -switch(_123.direction){ +Effect.Grow=function(_128){ +_128=$(_128); +var _129=Object.extend({direction:"center",moveTransistion:Effect.Transitions.sinoidal,scaleTransition:Effect.Transitions.sinoidal,opacityTransition:Effect.Transitions.full},arguments[1]||{}); +var _130={top:_128.style.top,left:_128.style.left,height:_128.style.height,width:_128.style.width,opacity:Element.getInlineOpacity(_128)}; +var dims=Element.getDimensions(_128); +var _132,initialMoveY; +var _133,moveY; +switch(_129.direction){ case "top-left": -_126=initialMoveY=_127=moveY=0; +_132=initialMoveY=_133=moveY=0; break; case "top-right": -_126=dims.width; +_132=dims.width; initialMoveY=moveY=0; -_127=-dims.width; +_133=-dims.width; break; case "bottom-left": -_126=_127=0; +_132=_133=0; initialMoveY=dims.height; moveY=-dims.height; break; case "bottom-right": -_126=dims.width; +_132=dims.width; initialMoveY=dims.height; -_127=-dims.width; +_133=-dims.width; moveY=-dims.height; break; case "center": -_126=dims.width/2; +_132=dims.width/2; initialMoveY=dims.height/2; -_127=-dims.width/2; +_133=-dims.width/2; moveY=-dims.height/2; break; } -return new Effect.MoveBy(_122,initialMoveY,_126,{duration:0.01,beforeSetup:function(_128){ +return new Effect.Move(_128,{x:_132,y:initialMoveY,duration:0.01,beforeSetup:function(_134){ with(Element){ -hide(_128.element); -makeClipping(_128.element); -makePositioned(_128.element); +hide(_134.element); +makeClipping(_134.element); +makePositioned(_134.element); } -},afterFinishInternal:function(_129){ -new Effect.Parallel([new Effect.Opacity(_129.element,{sync:true,to:1,from:0,transition:_123.opacityTransition}),new Effect.MoveBy(_129.element,moveY,_127,{sync:true,transition:_123.moveTransition}),new Effect.Scale(_129.element,100,{scaleMode:{originalHeight:dims.height,originalWidth:dims.width},sync:true,scaleFrom:window.opera?1:0,transition:_123.scaleTransition,restoreAfterFinish:true})],Object.extend({beforeSetup:function(_129){ +},afterFinishInternal:function(_135){ +new Effect.Parallel([new Effect.Opacity(_135.element,{sync:true,to:1,from:0,transition:_129.opacityTransition}),new Effect.Move(_135.element,{x:_133,y:moveY,sync:true,transition:_129.moveTransition}),new Effect.Scale(_135.element,100,{scaleMode:{originalHeight:dims.height,originalWidth:dims.width},sync:true,scaleFrom:window.opera?1:0,transition:_129.scaleTransition,restoreAfterFinish:true})],Object.extend({beforeSetup:function(_135){ with(Element){ -setStyle(_129.effects[0].element,{height:"0px"}); -show(_129.effects[0].element); +setStyle(_135.effects[0].element,{height:"0px"}); +show(_135.effects[0].element); } -},afterFinishInternal:function(_130){ +},afterFinishInternal:function(_136){ with(Element){ -[undoClipping,undoPositioned].call(_130.effects[0].element); -setStyle(_130.effects[0].element,_124); +[undoClipping,undoPositioned].call(_136.effects[0].element); +setStyle(_136.effects[0].element,_130); } -}},_123)); +}},_129)); }}); }; -Effect.Shrink=function(_131){ -_131=$(_131); -var _132=Object.extend({direction:"center",moveTransistion:Effect.Transitions.sinoidal,scaleTransition:Effect.Transitions.sinoidal,opacityTransition:Effect.Transitions.none},arguments[1]||{}); -var _133={top:_131.style.top,left:_131.style.left,height:_131.style.height,width:_131.style.width,opacity:Element.getInlineOpacity(_131)}; -var dims=Element.getDimensions(_131); -var _134,moveY; -switch(_132.direction){ +Effect.Shrink=function(_137){ +_137=$(_137); +var _138=Object.extend({direction:"center",moveTransistion:Effect.Transitions.sinoidal,scaleTransition:Effect.Transitions.sinoidal,opacityTransition:Effect.Transitions.none},arguments[1]||{}); +var _139={top:_137.style.top,left:_137.style.left,height:_137.style.height,width:_137.style.width,opacity:Element.getInlineOpacity(_137)}; +var dims=Element.getDimensions(_137); +var _140,moveY; +switch(_138.direction){ case "top-left": -_134=moveY=0; +_140=moveY=0; break; case "top-right": -_134=dims.width; +_140=dims.width; moveY=0; break; case "bottom-left": -_134=0; +_140=0; moveY=dims.height; break; case "bottom-right": -_134=dims.width; +_140=dims.width; moveY=dims.height; break; case "center": -_134=dims.width/2; +_140=dims.width/2; moveY=dims.height/2; break; } -return new Effect.Parallel([new Effect.Opacity(_131,{sync:true,to:0,from:1,transition:_132.opacityTransition}),new Effect.Scale(_131,window.opera?1:0,{sync:true,transition:_132.scaleTransition,restoreAfterFinish:true}),new Effect.MoveBy(_131,moveY,_134,{sync:true,transition:_132.moveTransition})],Object.extend({beforeStartInternal:function(_135){ +return new Effect.Parallel([new Effect.Opacity(_137,{sync:true,to:0,from:1,transition:_138.opacityTransition}),new Effect.Scale(_137,window.opera?1:0,{sync:true,transition:_138.scaleTransition,restoreAfterFinish:true}),new Effect.Move(_137,{x:_140,y:moveY,sync:true,transition:_138.moveTransition})],Object.extend({beforeStartInternal:function(_141){ with(Element){ -[makePositioned,makeClipping].call(_135.effects[0].element); +[makePositioned,makeClipping].call(_141.effects[0].element); } -},afterFinishInternal:function(_136){ +},afterFinishInternal:function(_142){ with(Element){ -[hide,undoClipping,undoPositioned].call(_136.effects[0].element); -setStyle(_136.effects[0].element,_133); +[hide,undoClipping,undoPositioned].call(_142.effects[0].element); +setStyle(_142.effects[0].element,_139); } -}},_132)); +}},_138)); }; -Effect.Pulsate=function(_137){ -_137=$(_137); -var _138=arguments[1]||{}; -var _139=Element.getInlineOpacity(_137); -var _140=_138.transition||Effect.Transitions.sinoidal; -var _141=function(pos){ -return _140(1-Effect.Transitions.pulse(pos)); -}; -_141.bind(_140); -return new Effect.Opacity(_137,Object.extend(Object.extend({duration:3,from:0,afterFinishInternal:function(_142){ -Element.setStyle(_142.element,{opacity:_139}); -}},_138),{transition:_141})); -}; -Effect.Fold=function(_143){ +Effect.Pulsate=function(_143){ _143=$(_143); -var _144={top:_143.style.top,left:_143.style.left,width:_143.style.width,height:_143.style.height}; -Element.makeClipping(_143); -return new Effect.Scale(_143,5,Object.extend({scaleContent:false,scaleX:false,afterFinishInternal:function(_145){ -new Effect.Scale(_143,1,{scaleContent:false,scaleY:false,afterFinishInternal:function(_145){ +var _144=arguments[1]||{}; +var _145=Element.getInlineOpacity(_143); +var _146=_144.transition||Effect.Transitions.sinoidal; +var _147=function(pos){ +return _146(1-Effect.Transitions.pulse(pos)); +}; +_147.bind(_146); +return new Effect.Opacity(_143,Object.extend(Object.extend({duration:3,from:0,afterFinishInternal:function(_148){ +Element.setStyle(_148.element,{opacity:_145}); +}},_144),{transition:_147})); +}; +Effect.Fold=function(_149){ +_149=$(_149); +var _150={top:_149.style.top,left:_149.style.left,width:_149.style.width,height:_149.style.height}; +Element.makeClipping(_149); +return new Effect.Scale(_149,5,Object.extend({scaleContent:false,scaleX:false,afterFinishInternal:function(_151){ +new Effect.Scale(_149,1,{scaleContent:false,scaleY:false,afterFinishInternal:function(_151){ with(Element){ -[hide,undoClipping].call(_145.element); -setStyle(_145.element,_144); +[hide,undoClipping].call(_151.element); +setStyle(_151.element,_150); } }}); }},arguments[1]||{})); }; -Prado.Effect={Highlight:function(_1,_2){ -new Effect.Highlight(_1,{"duration":_2}); -},Scale:function(_3,_4){ -new Effect.Scale(_3,_4); -},MoveBy:function(_5,_6,_7){ -new Effect.MoveBy(_5,_6,_7); -},ScrollTo:function(_8,_9){ -new Effect.ScrollTo(_8,{"duration":_9}); -}}; -
|