YLogger v1.1.0 Beta

YLogger v1.1.0 Beta程序演示Demo

程序简介

YLogger v1.1.0 Beta，这个小程序也是大概是两年前写的，在Messagebox模拟提示框效果后写的，就是为了方便开发AJAX程序的调试用的。在页面中直接加载Logger跟踪框，免去了使用alert()方法在循环时不停点击的烦恼。今天花了点时间也用YaoUI重新写了下，但是还是没有做任何的优化。不过已经可以适应一般的调试提示信息了。当然绝对没有firebug或者firebug lite那么牛，但是也算是自己开发工具的一个初步的尝试吧。

调用方法

第一步：在页面中调用yao.js文件，例如：

第二步：编写调用代码：


/*
 * 在需要调试的地方加入相应的log信息就可以了
 * info/msg - 普通信息
 * accept - 正确信息
 * warn - 警告信息
 * error - 错误信息
 */
(function(){
    YAO.Logger.log('The window, strings and functions also have', 'info', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'accept', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'warn', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'error', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'msg', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'info', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'accept', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'warn', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'error', 'http://www.yaohaixiao.com/js/core.js');
    YAO.Logger.log('The window, strings and functions also have', 'msg', 'http://www.yaohaixiao.com/js/core.js');
})();

程序代码

fadeUp: function(elem){
			if (elem) {
				var level = 0, fade = function(){
					var timer = null;
					level += 0.05;
					if (timer) {
						clearTimeout(timer);
						timer = null;
					}
					if (level > 1) {
						YAO.setOpacity(elem, 1);
						return false;
					}
					else {
						YAO.setOpacity(elem, level);
					}
					timer = setTimeout(fade, 50);
				};
				fade();
			}
		},
		zebra: function(){
			var j, length = arguments.length;
			for (j = 0; j < length; ++j) {
				(function(config){
					var root = YAO.getEl(config.rootTag) || (config.root || null), rows = root.getElementsByTagName(config.rowTag) || (config.rows || null), i, len = rows.length, lastClass = [];
					if (root && rows && len > 1) {
						for (var i = 0; i < len; ++i) {
							rows[i].className = i % 2 === 0 ? 'even' : 'odd';
							lastClass[i] = rows[i].className;
							YAO.on(rows[i],'mouseover', function(index){
								return function(){
									YAO.replaceClass(this, lastClass[index], 'hover');
								}
							}(i),rows[i],true);
							YAO.on(rows[i], 'mouseout', function(index){
								return function(){
									YAO.replaceClass(this, 'hover', lastClass[index]);
								}
							}(i),rows[i],true);
						}
					}
					else {
						return false;
					}
				})(arguments[j]);
			}
		},
		moveElement: function(element, finalX, finalY, speed){
			var elem = YAO.isString(element) ? YAO.getEl(element) : element, style = null;
			if (elem) {
				if (elem.movement) {
					clearTimeout(elem.movement);
				}
				if (!elem.style.left) {
					elem.style.left = "0";
				}
				if (!elem.style.top) {
					elem.style.top = "0";
				}
				var xpos = parseInt(elem.style.left);
				var ypos = parseInt(elem.style.top);
				if (xpos == finalX && ypos == finalY) {
					return true;
				}
				if (xpos < finalX) {
					var dist = Math.ceil((finalX - xpos) / 10);
					xpos = xpos + dist;
				}
				if (xpos > finalX) {
					var dist = Math.ceil((xpos - finalX) / 10);
					xpos = xpos - dist;
				}
				if (ypos < finalY) {
					var dist = Math.ceil((finalY - ypos) / 10);
					ypos = ypos + dist;
				}
				if (ypos > finalY) {
					var dist = Math.ceil((ypos - finalY) / 10);
					ypos = ypos - dist;
				}
				elem.style.left = xpos + "px";
				elem.style.top = ypos + "px";
				elem.movement = setTimeout(function(){
					YAO.moveElement(element, finalX, finalY, speed);
				}, speed);
			}
		},
		
		ajax: function(config){
			var oXhr, method = config.method ? config.method.toUpperCase() : 'GET', url = config.url || '', fn = config.fn || null, postData = config.data || null, elem = config.id ? YAO.getEl(config.id) : (config.element || null), load = config.loadFn ? config.loadFn : (config.loading || '正在获取数据，请稍后...');
			if (!url) {
				return;
			}
			if (window.XMLHttpRequest) {
				oXhr = new XMLHttpRequest();
			}
			else {
				if (window.ActiveXObject) {
					oXhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			if (oXhr) {
				try {
					oXhr.open(method, url, true);
					oXhr.onreadystatechange = function(){
						if (oXhr.readyState !== 4) {
							return false
						}
						if (oXhr.readyState == 4) {
							if (oXhr.status == 200 || location.href.indexOf('http') === -1) {
								if (fn) {
									fn.success(oXhr);
								}
								else {
									elem.innerHTML = oXhr.responseText;
								}
							}
							else {
								if (fn) {
									fn.failure(oXhr.status);
								}
								else {
									if (YAO.isFunction(load)) {
										load();
									}
									else {
										elem.innerHTML = load;
									}
								}
							}
						}
					};
					oXhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
					if (postData) {
						oXhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
					}
					oXhr.send(postData);
				} 
				catch (e) {
					throw new Error(e);
					return false;
				}
			}
			else{
				throw new Error("Your browser does not support XMLHTTP.");
				return false;
			}
		},
		JSON: function(){
			function f(n){
				return n < 10 ? '0' + n : n;
			}
			
			Date.prototype.toJSON = function(){
				return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z';
			};
			
			var m = {
				'\b': '\\b',
				'\t': '\\t',
				'\n': '\\n',
				'\f': '\\f',
				'\r': '\\r',
				'"': '\\"',
				'\\': '\\\\'
			};
			
			function stringify(value, whitelist){
				var a, i, k, l, r = /["\\\x00-\x1f\x7f-\x9f]/g, v;
				switch (typeof value) {
					case 'string':
						return r.test(value) ? '"' +
						value.replace(r, function(a){
							var c = m[a];
							if (c) {
								return c;
							}
							c = a.charCodeAt();
							return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
						}) +
						'"' : '"' + value + '"';
					case 'number':
						return isFinite(value) ? String(value) : 'null';
					case 'boolean':
					case 'null':
						return String(value);
					case 'object':
						if (!value) {
							return 'null';
						}
						
						if (typeof value.toJSON === 'function') {
							return stringify(value.toJSON());
						}
						a = [];
						if (typeof value.length === 'number' && !(value.propertyIsEnumerable('length'))) {
						
							l = value.length;
							for (i = 0; i < l; i += 1) {
								a.push(stringify(value[i], whitelist) || 'null');
							}
							
							return '[' + a.join(',') + ']';
						}
						if (whitelist) {
							l = whitelist.length;
							for (i = 0; i < l; i += 1) {
								k = whitelist[i];
								if (typeof k === 'string') {
									v = stringify(value[k], whitelist);
									if (v) {
										a.push(stringify(k) + ':' + v);
									}
								}
							}
						}
						else {
							for (k in value) {
								if (typeof k === 'string') {
									v = stringify(value[k], whitelist);
									if (v) {
										a.push(stringify(k) + ':' + v);
									}
								}
							}
						}
						return '{' + a.join(',') + '}';
				}
			}
			
			return {
				stringify: stringify,
				parse: function(text, filter){
					var j;
					
					function walk(k, v){
						var i, n;
						if (v && typeof v === 'object') {
							for (i in v) {
								if (OP.hasOwnProperty.apply(v, [i])) {
									n = walk(i, v[i]);
									if (n !== undefined) {
										v[i] = n;
									}
									else {
										delete v[i];
									}
								}
							}
						}
						return filter(k, v);
					}
					
					if (/^[\],:{}\s]*$/.test(text.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
						j = eval('(' + text + ')');
						
						return typeof filter === 'function' ? walk('', j) : j;
					}
					
					throw new SyntaxError('parseJSON');
				}
			};
		}(),
		
		YTabs: function(){
			var j, len = arguments.length, Tabs = [];
			for (j = 0; j < len; ++j) {
				Tabs[j] = new YAO.singleTab(arguments[j]);
			}
			return Tabs;
		},
		scrollNews: function(S, SI, RT, CT){
            var SN = new YAO.scrollVertical(S, SI, RT, CT);
            SN.speed = 4000;
            SN.isPause = true;
            var TM = setTimeout(function(){
                if (TM) {
                    clearTimeout(TM);
                }
                SN.isPause = false;
            }, 2000);
            YAO.on(SN.scrollArea, 'mouseover', function(){
                SN.isPause = true;
            });
            YAO.on(SN.scrollArea, 'mouseout', function(){
                SN.isPause = false;
            });
        }
	};
	
	YAO.on(window, "unload", YAO._unload);
}();

/**************************************************
 * dom-drag.js
 * 09.25.2001
 * www.youngpup.net
 * Script featured on Dynamic Drive (http://www.dynamicdrive.com) 12.08.2005
 **************************************************
 * 10.28.2001 - fixed minor bug where events
 * sometimes fired off the handle, not the root.
 **************************************************/
YAO.Drag = {
	obj: null,
	init: function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper){
		if (!o || !oRoot) {
			return false;
		}
		o.style.cursor = 'move';
		o.onmousedown = YAO.Drag.start;
		o.hmode = bSwapHorzRef ? false : true;
		o.vmode = bSwapVertRef ? false : true;
		o.root = oRoot && oRoot != null ? oRoot : o;
		if (o.hmode && isNaN(parseInt(o.root.style.left, 10))) {
			o.root.style.left = '0';
		}
		if (o.vmode && isNaN(parseInt(o.root.style.top, 10))) {
			o.root.style.top = '0';
		}
		if (!o.hmode && isNaN(parseInt(o.root.style.right, 10))) {
			o.root.style.right = '0';
		}
		if (!o.vmode && isNaN(parseInt(o.root.style.bottom, 10))) {
			o.root.style.bottom = '0';
		}
		o.minX = typeof minX != 'undefined' ? minX : null;
		o.minY = typeof minY != 'undefined' ? minY : null;
		o.maxX = typeof maxX != 'undefined' ? maxX : null;
		o.maxY = typeof maxY != 'undefined' ? maxY : null;
		o.xMapper = fXMapper ? fXMapper : null;
		o.yMapper = fYMapper ? fYMapper : null;
		o.root.onDragStart = new Function();
		o.root.onDragEnd = new Function();
		o.root.onDrag = new Function();
	},
	start: function(e){
		var o = this;
		YAO.Drag.obj = this;
		e = YAO.Drag.fixE(e);
		YAO.Drag.opacity(o.root, 50);
		var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right);
		o.root.onDragStart(x, y);
		o.lastMouseX = e.clientX;
		o.lastMouseY = e.clientY;
		if (o.hmode) {
			if (o.minX != null) {
				o.minMouseX = e.clientX - x + o.minX;
			}
			if (o.maxX != null) {
				o.maxMouseX = o.minMouseX + o.maxX - o.minX;
			}
		}
		else {
			if (o.minX != null) {
				o.maxMouseX = -o.minX + e.clientX + x;
			}
			if (o.maxX != null) {
				o.minMouseX = -o.maxX + e.clientX + x;
			}
		}
		if (o.vmode) {
			if (o.minY != null) {
				o.minMouseY = e.clientY - y + o.minY;
			}
			if (o.maxY != null) {
				o.maxMouseY = o.minMouseY + o.maxY - o.minY;
			}
		}
		else {
			if (o.minY != null) {
				o.maxMouseY = -o.minY + e.clientY + y;
			}
			if (o.maxY != null) {
				o.minMouseY = -o.maxY + e.clientY + y;
			}
		}
		document.onmousemove = YAO.Drag.drag;
		document.onmouseup = YAO.Drag.end;
		return false;
	},
	drag: function(e){
		e = YAO.Drag.fixE(e);
		var o = YAO.Drag.obj;
		var ey = e.clientY;
		var ex = e.clientX;
		var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right);
		var nx, ny;
		if (o.minX != null) {
			ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
		}
		if (o.maxX != null) {
			ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
		}
		if (o.minY != null) {
			ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
		}
		if (o.maxY != null) {
			ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);
		}
		nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
		ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));
		if (o.xMapper) {
			nx = o.xMapper(y);
		}
		else {
			if (o.yMapper) {
				ny = o.yMapper(x);
			}
		}
		o.root.style[o.hmode ? 'left' : 'right'] = nx + 'px';
		o.root.style[o.vmode ? 'top' : 'bottom'] = ny + 'px';
		o.lastMouseX = ex;
		o.lastMouseY = ey;
		o.root.onDrag(nx, ny);
		return false;
	},
	end: function(){
		var o = YAO.Drag.obj;
		document.onmousemove = document.onmouseup = function(){
			return null;
		};
		YAO.Drag.opacity(o.root, 100);
		o.root.onDragEnd(parseInt(o.root.style[o.hmode ? "left" : "right"], 10), parseInt(o.root.style[o.vmode ? "top" : "bottom"], 10));
		o = null;
	},
	fixE: function(e){
		if (typeof e == 'undefined') {
			e = window.event;
		}
		if (typeof e.layerX == 'undefined') {
			e.layerX = e.offsetX;
		}
		if (typeof e.layerY == 'undefined') {
			e.layerY = e.offsetY;
		}
		return e;
	},
	opacity: function(element, value){
		var style = element.style;
		style.opacity = value / 100;
		style.filter = 'alpha(opacity=' + value + ')';
	}
};

YAO.Message = function(){
	var D = document, isDisplay = false, isLocked = false, MSGWidth = 404, msgHeight = 0, msgCss = null, msgTitle = null, msgCloseBar = null, msgTitleBar = null, msgInformation = null, msgContent = null, msgBtnEnter = null, msgBtnCancel = null, msgButtons = null, msgBox = null, msgShardow = null;
	
	return {
		addCSS: function(){
			if (!YAO.getEl('ymessagebox')) {
				msgCss = YAO.Builder.linkNode('css/ymessagebox.css');
			}
		},
		createWindow: function(){
			msgShardow = YAO.Builder.Node('div', {
				id: 'shardow'
			});
			D.body.appendChild(msgShardow);
			msgTitle = YAO.Builder.Node('h2', {
				id: 'msg-title'
			}, '提示信息');
			msgCloseBar = YAO.Builder.Node('div', {
				id: 'msg-closebar'
			}, YAO.Builder.Node('a', {
				href: '#close',
				title: '关闭窗口'
			}, '关闭窗口'));
			msgTitleBar = YAO.Builder.Node('div', {
				id: 'msg-titlebar'
			}, [msgTitle, msgCloseBar]);
			msgInformation = YAO.Builder.Node('div', {
				id: 'msg-infoBody'
			});
			msgButtons = YAO.Builder.Node('div', {
				id: 'msg-btns'
			});
			msgContent = YAO.Builder.Node('div', {
				id: 'msg-content'
			}, [msgInformation, msgButtons]);
			msgBox = YAO.Builder.Node('div', {
				id: 'msg-window'
			}, [msgTitleBar, msgContent]);
			D.body.appendChild(msgBox);
			isDisplay = true;
			isLocked = true;
			YAO.on(msgCloseBar, 'click', function(event){
				var evt = event || window.event;
				this.close();
				YAO.stopEvent(evt);
			},msgCloseBar,this);
			
			YAO.on(window, 'scroll', YAO.Message.fixPos);
			YAO.on(window, 'resize', YAO.Message.fixPos);
		},
		msg: function(msg, type, title){
			if (!isLocked) {
				var that = this;
				if (!isDisplay) {
					this.createWindow();
				}
				switch (type) {
					case 'msg':
					case 'info':
					case 'accept':
						YAO.setStyles(msgInformation, {
							background: 'url(img/window/icon-info.gif) 20px 18px no-repeat'
						});
						title = title || '提示信息';
						break;
					case 'alert':
					case 'warn':
						YAO.setStyles(msgInformation, {
							background: 'url(img/window/icon-warning.gif) 20px 18px no-repeat'
						});
						title = title || '警告信息';
						break;
					case 'error':
					case 'err':
						YAO.setStyles(msgInformation, {
							background: 'url(img/window/icon-error.gif) 20px 18px no-repeat'
						});
						title = title || '错误信息';
						break;
					default:
						YAO.setStyles(msgInformation, {
							background: 'url(img/window/icon-info.gif) 20px 18px no-repeat'
						});
						title = title || '提示信息';
						break;
				}
				msgButtons.appendChild(YAO.Builder.Node('a', {
					id: 'msg-btnEnter',
					href: '#ok',
					title: '确定'
				}, '确定'));
				msgBtnEnter = YAO.getEl('msg-btnEnter');
				msgTitle.innerHTML = title;
				msgInformation.innerHTML = msg;
				YAO.setStyles(msgBtnEnter, {
					'float': 'none',
					'margin': '0 auto'
				});
				this.fixPos();
				YAO.on(msgBtnEnter, 'click', function(event){
					var evt = event || window.event;
					that.close();
					YAO.stopEvent(evt);
				});
			}
		},
		confirm: function(confirmInfo){
			if (!isLocked) {
				var that = this;
				if (!isDisplay) {
					this.createWindow();
				}
				msgButtons.appendChild(YAO.Builder.Node('a', {
					id: 'msg-btnEnter',
					href: '#ok',
					title: '确定'
				}, '确定'));
				msgButtons.appendChild(YAO.Builder.Node('a', {
					id: 'msg-btnCancel',
					href: '#cancel',
					title: '取消'
				}, '取消'));
				msgBtnEnter = YAO.getEl('msg-btnEnter');
				msgBtnCancel = YAO.getEl('msg-btnCancel');
				msgTitle.innerHTML = confirmInfo['title'];
				YAO.setStyle(msgInformation, 'background', 'url(img/window/icon-question.gif) 20px 18px no-repeat');
				msgInformation.innerHTML = confirmInfo['msg'];
				YAO.setStyles(msgBtnEnter, {
					'float': 'left',
					'margin': '0'
				});
				this.fixPos();
				YAO.on(msgBtnEnter, 'click', function(event){
					var evt = event || window.event;
					that.close();
					if (confirmInfo['func']) {
						confirmInfo['func']();
					}
					YAO.stopEvent(evt);
				});
				YAO.on(msgBtnCancel, 'click', function(event){
					var evt = event || window.event;
					that.close();
					YAO.stopEvent(evt);
				});
			}
		},
		fixPos: function(){
			if (isDisplay) {
				var that = this;
				var documentWidth = YAO.getDocumentWidth();
				var documentHeight = YAO.getDocumentHeight();
				var viewportWidth = YAO.getViewportWidth();
				var viewportHeight = YAO.getViewportHeight();
				var xScroll = YAO.getXScroll();
				var yScroll = YAO.getYScroll();
				var msgboxWidth = msgBox.offsetWidth;
				var msgboxHeight = msgBox.offsetHeight;
				var left = xScroll + ((viewportWidth - msgboxWidth) / 2);
				var top = yScroll + ((viewportHeight - msgboxHeight) / 2);
				
				if (msgboxWidth > viewportWidth) {
					left = xScroll + (viewportWidth - msgboxWidth);
				}
				if (msgboxHeight > viewportHeight) {
					if (yScroll < (documentHeight - msgboxHeight)) {
						top = yScroll;
					}
					else {
						top = (documentHeight - msgboxHeight);
					}
				}
				YAO.setStyles(msgShardow, {
					width: documentWidth + 'px',
					height: documentHeight + 'px'
				});
				YAO.setStyles(msgBox, {
					margin: '0',
					top: top + 'px',
					left: left + 'px'
				});
				that.drag(documentWidth, documentHeight, msgboxWidth, msgboxHeight);
			}
		},
		drag: function(docWidth, docHeight, msgboxWidth, msgboxHeight){
			var maxWidth = docWidth - msgboxWidth;
			var maxHeight = docHeight - msgboxHeight;
			YAO.Drag.init(msgTitleBar, msgBox, 0, maxWidth, 0, maxHeight);
		},
		close: function(){
			if (isDisplay) {
				if (msgShardow) {
					D.body.removeChild(msgShardow);
				}
				if (msgButtons.hasChildNodes()) {
					YAO.removeChildren(msgButtons);
					msgButtons = null;
				}
				D.body.removeChild(msgBox);
				isDisplay = false;
				isLocked = false;
			}
		}
	};
}();

YAO.Logger = function(){
	var D = document, Builder = YAO.Builder, Drag = YAO.Drag, UA = YAO.ua;
	
	var logCss = null; // Logger样式表
	var logWindow = null; // logger窗口容器
	var logTitleBar = null; // logger标题栏
	var logTitle = null; // logger标题
	var logHelpBar = null; // logger帮助信息按钮 
	var logFixBar = null; // logger固定窗口位置按钮
	var logCloseBar = null; // logger关闭窗口按钮
	var logToolBar = null; // logger工具条
	var logBtnAllMsg = null; // logger显示全部信息按钮
	var logBtnInfoMsg = null; // logger显示一般信息按钮
	var logBtnAcceptMsg = null; // logger显示通过信息按钮
	var logBtnWarnMsg = null; // logger显示警告信息按钮
	var logBtnErrMsg = null; // logger显示错误信息按钮
	var logBtnDelMsg = null; // logger清除所有信息按钮
	var logMsgList = null; // logger信息列表容器
	var logMsgItems = []; // logger调试信息缓存
	
	var isDisplay = false;
	var hasMsg = false;
	var isFixed = false;
	
	return {
		addCSS: function(){
			if (!YAO.getEl('ylogger')) {
				logCss = Builder.linkNode('css/ylogger.css', 'ylogger');
			}
		},
		createWindow: function(){
			if (!isDisplay) {
				logWindow = Builder.Node('div', {
					id: 'logger-Window'
				});
				logWindow.style.display = 'none';
				logTitle = Builder.Node('h2', {
					id: 'logger-Title'
				}, 'Core Javascript Debug Console');
				logHelpBar = Builder.Node('a', {
					id: 'logger-HelpBar',
					href: '#help',
					title: '帮助信息'
				}, '帮助信息');
				logFixBar = Builder.Node('a', {
					id: 'logger-FixBar',
					href: '#fixed',
					title: '固定窗口'
				}, '固定窗口');
				logCloseBar = Builder.Node('a', {
					id: 'logger-CloseBar',
					href: '#close',
					title: '关闭窗口'
				}, '关闭窗口');
				logTitleBar = Builder.Node('div', {
					id: 'logger-TitleBar'
				}, [logTitle, logCloseBar, logFixBar, logHelpBar]);
				logLastBtn = logBtnAllMsg = Builder.Node('li', {
					id: 'logger-all-msg',
					className: 'current'
				}, Builder.Node('a', {
					className: '',
					href: '#all-msg'
				}, '全部'));
				logBtnInfoMsg = Builder.Node('li', {
					id: 'logger-info-msg'
				}, Builder.Node('a', {
					href: '#all-msg'
				}, '消息'));
				logBtnAcceptMsg = Builder.Node('li', {
					id: 'logger-accept-msg'
				}, Builder.Node('a', {
					href: '#accept-msg'
				}, '正确'));
				logBtnWarnMsg = Builder.Node('li', {
					id: 'logger-warn-msg'
				}, Builder.Node('a', {
					href: '#warn-msg'
				}, '警告'));
				logBtnErrMsg = Builder.Node('li', {
					id: 'logger-err-msg'
				}, Builder.Node('a', {
					href: '#err-msg'
				}, '错误'));
				logBtnDelMsg = Builder.Node('li', {
					id: 'logger-del-msg'
				}, Builder.Node('a', {
					href: '#del-msg'
				}, '清除'));
				logToolBar = Builder.Node('ul', {
					id: 'logger-ToolBar'
				}, [logBtnAllMsg, logBtnInfoMsg, logBtnAcceptMsg, logBtnWarnMsg, logBtnErrMsg, logBtnDelMsg]);
				logMsgList = Builder.Node('div', {
					id: 'logger-Message-List'
				})
				Builder.Child(logWindow, [logTitleBar, logToolBar, logMsgList]);
				D.body.appendChild(logWindow);
				logWindow.style.display = 'block';
				isDisplay = true;
				this.fixPos();
				this.bindEvents();
			}
		},
		log: function(msg, cat, src){
			if (msg) {
				if (YAO.isString(msg)) {
					var i, len, msgLog = null, message = '', msgType = cat || 'info', msgClass = 'info-log', logMsgItem = null, that = this;
					this.createWindow();
					if (cat) {
						switch (cat) {
							case 'msg':
							case 'info':
								msgClsss = 'info-log';
								break;
							case 'accept':
								msgClass = 'accept-log';
								break;
							case 'warning':
							case 'warn':
								msgClass = 'warn-log';
								break;
							case 'err':
							case 'error':
								msgClass = 'err-log';
								break;
						}
					}
					message = src ? '<strong>' + msg + '<\/strong>' + '<span>位置：<a href="' + src + '" target="_blank">' + src + '<\/a><\/span>' : '<strong>' + msg + '<\/strong>';
					logMsgItem = Builder.Node('p', {
						className: msgClass
					});
					logMsgList.appendChild(logMsgItem);
					logMsgItems.push([logMsgItem, message, msgClass, msgType]);
					logMsgItem.innerHTML = message;
					hasMsg = true;
					
					for (i = 0, len = logMsgList.getElementsByTagName('p').length; i < len; i += 1) {
						msgLog = logMsgList.getElementsByTagName('p')[i].getElementsByTagName('em')[0];
						YAO.on(msgLog, 'click', function(index){
							return function(event){
								var evt = event || window.event;
								that.showMsg.call(that, index);
								YAO.stopEvent(evt);
							}
						}(i));
					}
				}
				else {
					throw new Error('Invalid data type: Message must to be a "String".');
				}
			}
		},
		groupMsg: function(){
			if (hasMsg) {
				var className = (this.getAttribute('id').split('-')[1] + '-log'), i, len = logMsgItems.length, listItem = null;
				YAO.removeClass(logLastBtn, 'current');
				logCurBtn = this;
				YAO.addClass(logCurBtn, 'current');
				logLastBtn = this;
				for (i = 0; i < len; i += 1) {
					listItem = logMsgItems[i][0];
					if (className == 'all-log') {
						listItem.style.display = 'block';
					}
					else {
						if (listItem.className == className) {
							listItem.style.display = 'block';
						}
						else {
							listItem.style.display = 'none';
						}
					}
				}
			}
		},
		deleteMsg: function(){
			if (hasMsg) {
				YAO.removeChildren(logMsgList);
				logMsgItems = [];
				YAO.removeClass(logLastBtn, 'current');
				hasMsg = false;
			}
		},
		getMsgItem: function(index){
			return logMsgList.getElementsByTagName('li')[index];
		},
		getMsg: function(index){
			return logMsgItems[index][1];
		},
		getMsgClass: function(index){
			return logMsgItems[index][2];
		},
		getMsgType: function(index){
			return logMsgItems[index][3];
		},
		showMsg: function(index){
			var msg = this.getMsg(index), type = this.getMsgType(index), MsgBox = YAO.Message;
			MsgBox.msg(msg, type);
		},
		showAbout: function(){
			if (isDisplay) {
				var MsgBox = YAO.Message;
				var aboutMsg = 'Core Javascript Debug Console：Beta 1.1.0.1<br \/>Copyright © 2009 <a href="http:\/\/www.yaohaixiao.com\/">Yao Haixiao<\/a>，All right reserved.<br \/><br \/>This program is free software; you can redistribute it and/or modify it under the terms of the <a href="http:\/\/www.yaohaixiao.com\/licenses\/GUN-license.txt">GNU<\/a> License.<br \/><br \/>Build date: 05 March 2009, 09:52:11';
				MsgBox.msg(aboutMsg, 'msg', 'About Core Javascript Debug Console');
			}
		},
		bindEvents: function(){
			if (isDisplay) {
				var that = this;
				YAO.on(logHelpBar, 'click', function(event){
					var evt = event || window.event;
					this.showAbout();
					YAO.stopEvent(evt);
				}, logHelpBar, this);
				YAO.on(logFixBar, 'click', function(event){
					var evt = event || window.event;
					this.fixed();
					YAO.stopEvent(evt);
				}, logFixBar, this);
				YAO.on(logCloseBar, 'click', function(event){
					var evt = event || window.event;
					this.close();
					YAO.stopEvent(evt);
				}, logCloseBar, this);
				YAO.on(logBtnAllMsg, 'click', function(event){
					var evt = event || window.event;
					that.groupMsg.call(logBtnAllMsg);
					YAO.stopEvent(evt);
				});
				YAO.on(logBtnInfoMsg, 'click', function(event){
					var evt = event || window.event;
					that.groupMsg.call(logBtnInfoMsg);
					YAO.stopEvent(evt);
				});
				YAO.on(logBtnAcceptMsg, 'click', function(event){
					var evt = event || window.event;
					that.groupMsg.call(logBtnAcceptMsg);
					YAO.stopEvent(evt);
				});
				YAO.on(logBtnWarnMsg, 'click', function(event){
					var evt = event || window.event;
					that.groupMsg.call(logBtnWarnMsg);
					YAO.stopEvent(evt);
				});
				YAO.on(logBtnErrMsg, 'click', function(event){
					var evt = event || window.event;
					that.groupMsg.call(logBtnErrMsg);
					YAO.stopEvent(evt);
				});
				YAO.on(logBtnDelMsg, 'click', function(event){
					var evt = event || window.event;
					that.deleteMsg();
					YAO.stopEvent(evt);
				});
				YAO.on(window, 'scroll', YAO.Logger.fixPos);
				YAO.on(window, 'resize', YAO.Logger.fixPos);
			}
		},
		fixPos: function(){
			if (isDisplay) {
				var documentWidth = YAO.getDocumentWidth();
				var documentHeight = YAO.getDocumentHeight();
				var viewportWidth = YAO.getViewportWidth();
				var viewportHeight = YAO.getViewportHeight();
				var yScroll = YAO.getYScroll();
				var xScroll = YAO.getXScroll();
				var loggerWidth = logWindow.offsetWidth;
				var loggerHeight = logWindow.offsetHeight;
				var left = isFixed ? 0 : xScroll + (viewportWidth - loggerWidth);
				var top = yScroll + (viewportHeight - loggerHeight);
				
				if (viewportHeight < loggerHeight && ((yScroll + loggerHeight) <= documentHeight)) {
					top = yScroll;
				}
				if (viewportWidth < loggerWidth && ((xScroll + loggerWidth) <= documentWidth)) {
					left = xScroll;
				}
				YAO.setStyles(logWindow, {
					margin: '0',
					width: (isFixed ? ((viewportWidth > 406) ? viewportWidth - 6 : 400): 400) + 'px',
					top: top + 'px',
					left: left + 'px'
				});
			}
		},
		fixed: function(){
			if (isDisplay) {
				var viewportWidth = YAO.getViewportWidth();
				if (!isFixed) {
					YAO.setStyles(logWindow, {
						left: '0',
						width: (viewportWidth - 6) + 'px'
					});
					YAO.setStyle(logWindow, 'backgroundPosition', '-15px -135px');
					isFixed = true;
				}
				else{
					if (isFixed) {
						YAO.setStyles(logWindow, {
							left: (viewportWidth - 406) + 'px',
							width: '400px'
						});
						YAO.setStyle(logWindow, 'backgroundPosition', '0 -135px');
						isFixed = false;
					}
				}
			}
		},
		close: function(){
			if (isDisplay) {
				D.body.removeChild(logWindow);
				isDisplay = false;
				hasMsg = false;
			}
		}
	};
}();

YAOHAIXIAO.COM