Просмотр файла cms/screen/todo.js

Конкурс дизайнеров на 15000 рублей
Свежие Креативы и море позитива !!!
Размер файла: 13.98Kb 
  1. /**
  2. * todo
  3. * author: Pavel Khoroshkov aka pgood
  4. * http://pgood.ru
  5. */
  6. function todo(){this.action=[];this.execute=function(){for(var i in this.action){try{todo.action[i]();}catch(er){alert('todo >> "'+er.message+'" in "'+er.fileName+'" on "'+er.lineNumber+'"');}}};var onLoadAction=function(o){return function(){o.execute();}}(this);if(typeof document.attachEvent!='undefined')window.attachEvent('onload',onLoadAction);else window.addEventListener('load',onLoadAction,false);};
  7. todo.prototype.get=function(id){return document.getElementById(id);};
  8. todo.prototype.create=function(tag,attrs,text,style){var e=document.createElement(tag);if(attrs)for(var i in attrs)switch(i){case 'class': e.className=attrs[i];break;case 'id': e.id=attrs[i];break;default: e.setAttribute(i,attrs[i]);break;};if(text)e.appendChild(document.createTextNode(text));if(style)for(var i in style)e.style[i]=style[i];return e;};
  9. todo.prototype.onload=function(func){this.action[this.action.length]=func;};
  10. todo.prototype.loop=function(e,func,i,step){step=step?Math.abs(step):1;for(var i=i?i:0;i<e.length;i+=step)func.call(e[i],i);};
  11. todo.prototype.stopPropagation=function(e){e=e||window.event;if(!e)return;if(e.stop)e.stopPropagation();else e.cancelBubble=true;if(e.preventDefault)e.preventDefault();else e.returnValue=false;};
  12. todo.prototype.setEvent=function(name,e,f){if(!e._actionQueue)e._actionQueue={};if(!e._actionQueue[name]){e._actionQueue[name]=e['on'+name]?[e['on'+name]]:[];e['on'+name]=function(event){var e=event||window.event;for(var i=0;i<this._actionQueue[e.type].length;i++)if(this._actionQueue[e.type][i])this._actionQueue[e.type][i].call(this,event);}};var i=e._actionQueue[name].length;e._actionQueue[name][i]=f;return i;};
  13. todo.prototype.deleteEvent=function(name,e,i){if(e._actionQueue && e._actionQueue[name] && e._actionQueue[name][i]){delete e._actionQueue[name][i];if(!e._actionQueue[name].length){delete e._actionQueue[name];delete e['on'+name];}}};
  14. todo.prototype.clientSize=function(){if(document.compatMode=='CSS1Compat'){return {'w':document.documentElement.clientWidth,'h':document.documentElement.clientHeight};}else{return {'w':document.body.clientWidth,'h':document.body.clientHeight}}};
  15. todo.prototype.bodyScroll=function(){if(window.pageYOffset)return {'top':window.pageYOffset,'left':window.pageXOffset};else if(document.documentElement)return {'top':document.documentElement.scrollTop,'left':document.documentElement.scrollLeft};else return {'top':(document.scrollTop||body.scrollTop),'left':(document.scrollLeft||body.scrollLeft)}};
  16. todo.prototype.motion=function(v,start,finish,step){v=parseInt(v);var last=Math.abs(Math.abs(finish)-Math.abs(v)),step=Math.ceil((step+last)/step),res,ready;if(finish>=start){res=v+step;ready=res>=finish;}else{res=v-step;ready=res<=finish};return {'res':ready?finish:res,'ready':ready};};
  17. todo.prototype.slide=function(e,x,y,breakOff,callback,delay,step){
  18. 	var stopIt=function(e){if(e && e.timer){window.clearInterval(e.timer);e.timer=null;if(e.callback)e.callback.call(e._);}};
  19. 	if(e._slide && e._slide.timer){if(breakOff)stopIt(e._slide);else return;};
  20. 	if(e.style.position=='absolute'){
  21. 		if(!e.style.left)e.style.left=e.offsetLeft+'px';
  22. 		if(!e.style.top)e.style.top=e.offsetTop+'px';
  23. 	}else{if(!e.style.left)e.style.left='0';if(!e.style.top)e.style.top='0';};
  24. 	e._slide={'_':e,
  25. 		'delay':delay?delay:50,
  26. 		'step':step?step:4,
  27. 		'start':{'x':parseInt(e.style.left),'y':parseInt(e.style.top)},
  28. 		'finish':{'x':x,'y':y},
  29. 		'callback':callback,
  30. 		'run':function(){if(!this.timer)this.timer=window.setInterval(function(o){return function(){o._slide.slide();}}(this._),this.delay);},
  31. 		'slide':function(){
  32. 			var res_x=todo.motion(this._.style.left,this.start.x,this.finish.x,this.step),
  33. 				res_y=todo.motion(this._.style.top,this.start.y,this.finish.y,this.step);
  34. 			this._.style.left=res_x.res+'px';
  35. 			this._.style.top=res_y.res+'px';
  36. 			if(res_x.ready && res_y.ready)stopIt(this);
  37. 		}
  38. 	};
  39. 	e._slide.run();
  40. };
  41. todo.prototype.resize=function(e,w,h,breakOff,callback,delay,step){
  42. 	var stopIt=function(e){if(e && e.timer){window.clearInterval(e.timer);e.timer=null;if(e.callback)e.callback.call(e._);}};
  43. 	if(e._resize!=undefined&&e._resize.timer){if(breakOff)stopIt(e._resize);else return;};
  44. 	if(w&&!e.style.width)e.style.width=e.offsetWidth+'px';
  45. 	if(h&&!e.style.height)e.style.height=e.offsetHeight+'px';
  46. 	e._resize={'_':e,
  47. 		'isImg':e.tagName.toLowerCase()=='img',
  48. 		'delay':delay?delay:50,
  49. 		'step':step?step:4,
  50. 		'start':{'w':parseInt(e.style.width),'h':parseInt(e.style.height)},
  51. 		'finish':{'w':w,'h':h},
  52. 		'callback':callback,
  53. 		'run':function(){if(!this.timer)this.timer=window.setInterval(function(o){return function(){o._resize.resize();}}(this._),this.delay);},
  54. 		'resize':function(){
  55. 			var ready=true;
  56. 			if(this.finish.w){
  57. 				var res_w=todo.motion(this._.style.width,this.start.w,this.finish.w,this.step);
  58. 				if(this.isImg)this._.width=res_w.res;
  59. 				this._.style.width=res_w.res+'px';
  60. 				if(!res_w.ready)ready=false;
  61. 			};
  62. 			if(this.finish.h){
  63. 				var res_h=todo.motion(this._.style.height,this.start.h,this.finish.h,this.step);
  64. 				if(this.isImg)this._.height=res_h.res;
  65. 				this._.style.height=res_h.res+'px';
  66. 				if(!res_h.ready)ready=false;
  67. 			};
  68. 			if(ready)stopIt(this);
  69. 		}
  70. 	};
  71. 	e._resize.run();
  72. };
  73. todo.prototype.opacity=function(e,opacity,delay,breakOff,callback){
  74. 	var stopIt=function(e){if(e && e.timer){window.clearInterval(e.timer);e.timer=null;if(e.callback)e.callback.call(e._);}};
  75. 	if(e._opacity && e._opacity.timer){if(breakOff)stopIt(e._opacity);else return;};
  76. 	e._opacity={'_':e,
  77. 		'delay':delay,
  78. 		'step':0.07,
  79. 		'finish':opacity,
  80. 		'callback':callback,
  81. 		'run':function(){
  82. 			if(!this.timer)this.timer=window.setInterval(
  83. 				function(o,stopIt){return function(){
  84. 						var v=o.get()+o.step*o.sign;
  85. 						if((o.sign>0 && v>=o.finish) || (o.sign<0 && v<=o.finish) || v>1 || v<0){o.set(o.finish);stopIt(o);}else o.set(v);
  86. 					}}(this,stopIt),this.delay);
  87. 			
  88. 		},
  89. 		'set':function(v){
  90. 			var p=this.prop();
  91. 			if(p=='filter'){if(v==1)v='';else v='alpha(opacity='+v*100+')';}
  92. 			this._.style[p]=v;
  93. 		},
  94. 		'get':function(){
  95. 			var p=this.prop();
  96. 			if(p=='filter'){
  97. 				var tmp=this._.style.filter.match(/opacity=([0-9]{1,3})/);
  98. 				if(tmp&&tmp[1])return parseInt(tmp[1])/100;
  99. 				return 1;
  100. 			};
  101. 			return this._.style[p]==''?1:parseFloat(this._.style[p]);
  102. 		},
  103. 		'prop':function(){
  104. 			if(typeof document.body.style.opacity=='string')return 'opacity';
  105. 			else if(typeof document.body.style.MozOpacity=='string')return 'MozOpacity';
  106. 			else if(typeof document.body.style.KhtmlOpacity=='string')return 'KhtmlOpacity';
  107. 			else if(document.body.filters&&navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5)return 'filter';
  108. 			return 'opacity';
  109. 		}
  110. 	};
  111. 	if(!delay){e._opacity.set(opacity);return;};
  112. 	e._opacity.sign=e._opacity.get()>opacity?-1:1;
  113. 	e._opacity.run();
  114. };
  115. todo.prototype.dragZIndex=199;
  116. todo.prototype.drag=function(e){
  117. 	e._drag={'_':e,'x':null,'y':null,'draged':false,'onClick':e.onclick,
  118. 		'startDrag':function(event){
  119. 			event=event||window.event;
  120. 			this.x=event.clientX-parseInt(this._.style.left);
  121. 			this.y=event.clientY-parseInt(this._.style.top);
  122. 			this.eventIndexMouseMove=todo.setEvent('mousemove',document,function(e){return function(event){return e.drag(event);}}(this));
  123. 			this.eventIndexMouseUp=todo.setEvent('mouseup',document,function(e){return function(event){return e.stopDrag(event);}}(this));
  124. 			this.draged=false;
  125. 			if(this._.style.zIndex<todo.dragZIndex)this._.style.zIndex=++todo.dragZIndex;
  126. 			todo.stopPropagation(event);
  127. 		},
  128. 		'drag':function(event){
  129. 			event=event||window.event;
  130. 			this._.style.left=(event.clientX-this.x)+'px';
  131. 			this._.style.top=(event.clientY-this.y)+'px';
  132. 			todo.stopPropagation(event);
  133. 			this.draged=true;
  134. 		},
  135. 		'stopDrag':function(event){
  136. 			todo.deleteEvent('mousemove',document,this.eventIndexMouseMove);
  137. 			todo.deleteEvent('mouseup',document,this.eventIndexMouseUp);
  138. 			return false;
  139. 		}
  140. 	};
  141. 	e.onclick=function(e){return function(event){if(e.draged){e.draged=false;todo.stopPropagation(event);return false;}else if(e.onClick)e.onClick.call(this,event);}}(e._drag);
  142. 	e.onmousedown=function(e){this._drag.startDrag(e);};
  143. 	e.style.position='absolute';
  144. 	e.style.zIndex=++todo.dragZIndex;
  145. 	return e;
  146. };
  147. todo.prototype.popupZIndex=99999;
  148. todo.prototype.popup=function(width,height){
  149. 	width=width?width:300;
  150. 	height=height?height:300;
  151. 	var getCenterPos=function(w,h){
  152. 			var size=todo.clientSize();
  153. 			return {'left':size.w>w?Math.ceil((size.w-w)/2):17,
  154. 				'top':size.h>h?Math.ceil((size.h-h-46)/2):17}
  155. 		},
  156. 		pos=getCenterPos(width,height),
  157. 		e=todo.create('div',{'class':'todo_popup'},null,{'position':'absolute','left':pos.left+'px','top':pos.top+'px','width':width+'px','height':height+'px','zIndex':todo.popupZIndex});
  158. 	e._popup={'_':e,'isClose':true,
  159. 		'close':function(){
  160. 			todo.opacity(this._,0.5,50,false,function(w){return function(){w._=w._.parentNode.removeChild(w._);}}(this));
  161. 			this.isClose=true;
  162. 		},
  163. 		'open':function(){
  164. 			if(!this.isClose)return;
  165. 			this._.style.zIndex=todo.popupZIndex;
  166. 			this.isClose=false;
  167. 			todo.opacity(this._,1);
  168. 			this._=document.body.appendChild(this._);
  169. 			if(this.content)this.content=this.content.parentNode.removeChild(this.content);
  170. 			else this.content=todo.create('div',null,null,{'paddingTop':'23px','paddingBottom':'23px'});
  171. 			this._.innerHTML='<div class="todo_top"></div><div class="todo_bottom"></div><div class="todo_left"></div><div class="todo_right"></div><div class="todo_corner1"></div><div class="todo_corner2"></div><div class="todo_corner3"></div><div class="todo_corner4"></div>';
  172. 			this._.appendChild(this.content);
  173. 			this._.appendChild(todo.create('div',{'class':'todo_button_close'})).onclick=function(){this.parentNode._popup.close();};
  174. 		},
  175. 		'getSize':function(){return {'width':parseInt(this._.style.width),'height':parseInt(this._.style.height)}},
  176. 		'getCenterPos':getCenterPos,
  177. 		'resize':function(w,h,callback){todo.resize(this._,w,h+46,false,callback);},
  178. 		'position':function(left,top){todo.slide(this._,left,top);}
  179. 	};
  180. 	e._popup.open();
  181. 	return e;
  182. };
  183. todo.prototype.gallery=function(name){
  184. 	var a=document.getElementsByTagName('a'),res,g;
  185. 	if(!this._galleries)this._galleries={};
  186. 	for(var i=0;i<a.length;i++){
  187. 		if(!a[i].rel)continue;
  188. 		res=a[i].rel.match(new RegExp(name+'\\[([a-zA-Z0-9]+)\\]'));
  189. 		if(!res)continue;
  190. 		if(this._galleries[res[1]])g=this._galleries[res[1]];
  191. 		else{
  192. 			g={'name':res[1],'a':[],
  193. 				'getWin':function(){
  194. 					if(!this.win){
  195. 						this.win=todo.drag(todo.popup(200,200));
  196. 						this.e=this.win._popup.content;
  197. 					}else if(this.win._popup.isClose)this.win._popup.open();
  198. 					return this.win;
  199. 				},
  200. 				'setLoader':function(){
  201. 					var pos=this.getWin()._popup.getSize();
  202. 					this.e.innerHTML='';
  203. 					this.loader=this.e.appendChild(todo.create('div',{'class':'todo_gallery_loader'}));
  204. 					this.loader.style.top=((pos.height-66)/2)+'px';
  205. 					this.loader.style.left=((pos.width-66)/2)+'px';
  206. 				},
  207. 				'setImage':function(){
  208. 					var img=this.img,win=this.getWin(),size=todo.clientSize(),w=img.width,h=img.height;
  209. 					this.collapse=null;
  210. 					if(size.h<h+100){
  211. 						w=Math.ceil((size.h-100)*w/h);h=size.h-100;
  212. 						this.collapse=true;
  213. 					};
  214. 					if(size.w<w+100){
  215. 						this.collapse={'state':0,'size':{'w':w,'h':h}};
  216. 						h=Math.ceil((size.w-100)*h/w);w=size.w-100;
  217. 						this.collapse=true;
  218. 					};
  219. 					if(this.collapse){
  220. 						this.collapse={'state':true,'size':{'w':img.width,'h':img.height},'collapse':{'w':w,'h':h}};
  221. 						img.width=w;img.height=h;
  222. 					};
  223. 					var pos=win._popup.getCenterPos(w,h),
  224. 						scr=todo.bodyScroll();
  225. 					this.e.innerHTML='';
  226. 					win._popup.resize(w,h,function(g){return function(){g.img=g.e.appendChild(g.img);}}(this));
  227. 					win._popup.position(pos.left+scr.left,pos.top+scr.top);
  228. 					this.setTitle();
  229. 					this.setNav();
  230. 					this.setExpand();
  231. 				},
  232. 				'set':function(a){
  233. 					this.setLoader();
  234. 					this.img=todo.create('img',{'src':a.href});
  235. 					for(var i=0;i<this.a.length;i++)if(a==this.a[i]){
  236. 						this.current=i;
  237. 						this.img._gallery=this;
  238. 						this.img._timer=window.setInterval(function(g){return function(){if(g.img.complete || g.img._counter>1000){g.setImage();window.clearInterval(g.img._timer)}else g.img._counter++;}}(this),200);
  239. 						break;
  240. 					}
  241. 				},
  242. 				'next':function(){if(this.current<this.a.length-1)this.set(this.a[this.current+1]);},
  243. 				'prev':function(){if(this.current>0)this.set(this.a[this.current-1]);},
  244. 				'setTitle':function(){if(this.a[this.current].title){this.e.appendChild(todo.create('div',{'class':'todo_gallery_title'},this.a[this.current].title),{});}},
  245. 				'setNav':function(){
  246. 					if(this.a.length==1)return;
  247. 					var e=this.e.appendChild(todo.create('div',{'class':'todo_gallery_nav'},(this.current+1)+' из '+this.a.length));
  248. 					if(this.current>0){
  249. 						var left=e.appendChild(todo.create('div',{'class':'todo_gallery_button_left','title':'Предыдущая'}));
  250. 						left._gallery=this;
  251. 						left.onclick=function(){this._gallery.prev();};
  252. 					};
  253. 					if(this.current<this.a.length-1){
  254. 						var right=e.appendChild(todo.create('div',{'class':'todo_gallery_button_right','title':'Следующая'}));
  255. 						right._gallery=this;
  256. 						right.onclick=function(){this._gallery.next();};
  257. 					}
  258. 				},
  259. 				'setExpand':function(){
  260. 					if(!this.collapse)return;
  261. 					var e=this.e.appendChild(todo.create('div',{'class':'todo_gallery_button_expand'}));
  262. 					e._gallery=this;
  263. 					e.onclick=function(){
  264. 						var win=this._gallery.getWin(),size,
  265. 							state=this._gallery.collapse.state=!this._gallery.collapse.state;
  266. 						this.className='todo_gallery_button_'+(state?'expand':'collapse');
  267. 						if(state)size=this._gallery.collapse.collapse;
  268. 						else size=this._gallery.collapse.size;
  269. 						var pos=win._popup.getCenterPos(size.w,size.h),
  270. 							scr=todo.bodyScroll();
  271. 						win._popup.resize(size.w,size.h);
  272. 						todo.resize(this._gallery.img,size.w,size.h);
  273. 						win._popup.position(pos.left+scr.left,pos.top+scr.top);
  274. 					}
  275. 				},
  276. 				'add':function(e){
  277. 					for(var i=0;i<this.a.length;i++)if(e==this.a[i])return;
  278. 					e._gallery=this;
  279. 					e.onclick=function(){this._gallery.set(this);return false;}
  280. 					this.a[this.a.length]=e;
  281. 				}
  282. 			};
  283. 			this._galleries[g.name]=g;
  284. 		};
  285. 		g.add(a[i]);
  286. 	}
  287. };
  288. todo=new todo;