/**

* @author Super Sha

* QQ:770104121

* E-Mail:supei_shafeng@163.com

* publish date: 2009-3-27

* All Rights Reserved

*/

var JsHelper={}; //声明一个JsHelper根命名空间

JsHelper.DOM = {}; //声明JsHelper目录下的DOM命名空间

JsHelper.Event={}; //声明JsHelper目录下的Event事件命名空间

JsHelper.Browser={}; //声明JsHelper目录下的跟浏览器相关的函数Browser命名空间

JsHelper.Ajax={}; //声明Jshelper目录下的跟Ajax相关的函数命名空间

JsHelper.String={}; //声明JsHelper目录下的跟String相关的命名空间

/*

* $() 可以输入多个参数，将返回一个获取对象的数组

*/

var $=function(){ //简化版的$方法

var elements=new Array();

if(arguments.length==0){ //如果参数为空，则返回document元素

return document;

}

for (var i = 0; i < arguments.length; i++)

{

var element = arguments[i];

if (typeof element == string )

{

element = document.getElementById(element);

}

if (arguments.length == 1)

{

return element;

}

elements.push(element);

}

return elements;

}

JsHelper.DOM.$=function()

{

var elements=new Array();

for (var i = 0; i < arguments.length; i++)

{

var element = arguments[i];

if (typeof element == string )

{

element = document.getElementById(element);

}

if (arguments.length == 1)

{

return element;

}

elements.push(element);

}

return elements;

}

/*

* $Value() 可以输入多个参数，将返回一个获取对象的Value数组

*/

JsHelper.DOM.value=function()

{

var values=new Array();

for (var i = 0; i < arguments.length; i++)

{

var element = arguments[i];

if (typeof(element) == string )

{

var v=document.getElementById(element).value;

}

if(arguments.length==1)

{

return v;

}

values.push(v);

}

return values;

}

/*

makeArray对输入的参数生成数组返回,如果参数为空，则返回 "undefined",否则返回数组

*/

JsHelper.String.makeArray=function()

{

var values=new Array();

if(arguments.length>0){

for (var i = 0; i < arguments.length; i++)

{

var element=arguments[i];

if(typeof element == "string")

{

values.push(element);

}

}

}

else

{

return "undefined";

}

return values;

}

/*

* 声明一个StringBuilder类,处理连接字符串性能的问题

*/

JsHelper.String.StringBulider={

_strs:new Array(),

append: function(str){ //给属性_strs添加字符串

this._strs.push(str);

return this;

},

toString:function(){

if (arguments.length != 0) {

return this._strs.join(arguments[0]); //返回属性_strs结合后的字符串,接受一个可选的参数用于join的参数

}else{

return this._strs.join("");

}

}

};

/*

* $TagName()输入一个参数，将返回一个获取Elements TagNeme对象的数组

*/

JsHelper.DOM.tagName=function()

{

var element=arguments[0];

if(typeof element== string )

{

var tagname=document.getElementsByTagName(element);

}

return tagname;

}

//============================================================

/*

* label：HTML Label ID

* 只能适用与responseText

* 只能适用与GET方式

*/

var _xmlhttp;//声明全局XMLHttpRequest对象实例

function Ajax(method, url, label){

this.method = method;

this.url = url;

try {

_xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e) {

try {

_xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (s) {

_xmlhttp = new XMLHttpRequest();

}

}

Ajax.prototype.ResponseText = function(){

_xmlhttp.onreadystatechange = this.onComplete;

_xmlhttp.open(this.method, this.url, true)

_xmlhttp.send(null);

}

Ajax.prototype.onComplete = function(){

if (_xmlhttp.readyState == 4) {

if (_xmlhttp.status == 200) {

$(label).innerHTML = _xmlhttp.responseText;

}

}

}

this.ResponseText();

}

//================================================

/*

* 判断浏览器类型

*/

var ua = navigator.userAgent.toLowerCase();

if (window.ActiveXObject) {

JsHelper.Browser.IE = ua.match(/msie ([d.]+)/)[1];

}

else if (document.getBoxObjectFor) {

JsHelper.Browser.Firefox = ua.match(/firefox/([d.]+)/)[1];

}

else if (window.MessageEvent && !document.getBoxObjectFor) {

JsHelper.Browser.Chrome = ua.match(/chrome/([d.]+)/)[1];

}

else if (window.opera) {

JsHelper.Browser.Opera = ua.match(/opera.([d.]+)/)[1];

}

else if (window.openDatabase) {

JsHelper.Browser.Safari = ua.match(/version/([d.]+)/)[1];

}

/*

* 声明一个XMLHttpRequest对象的实例，返回实例

*/

JsHelper.Ajax.createRequest=function()

{

var xmlhttp=null;

try

{

xmlhttp=new XMLHttpRequest();

}

catch(trymicrosoft){

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

}

catch(othermicrosoft){

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlhttp;

}

/*

* 一个通用的AddEventListener函数,obj为DOM元素

*/

JsHelper.Event.addEventlistener=function(labelID,eventMode,fn)

{

var obj=JsHelper.DOM.$(labelID);

if (typeof window.addEventListener != undefined ) {

obj.addEventListener(eventMode, fn, false);

}

else

if (typeof document.addEventListener != undefined ) {

obj.addEventListener(eventMode, fn, false);

}

else

if (typeof window.attachEvent != undefined ) {

obj.attachEvent("on"+eventMode, fn);

}

else {

return false;

}

return true;

}

/*

*包含了一个Douglas Crockford对函数的method的扩展，下面的三个函数版权归Douglas Crockford所有，特此声明

*/

Function.prototype.method = function (name, func) {

this.prototype[name] = func;

return this;

};

Function.method( inherits , function (parent) {

var d = {}, p = (this.prototype = new parent());

this.method( base , function uber(name) {

if (!(name in d)) {

d[name] = 0;

}

var f, r, t = d[name], v = parent.prototype;

if (t) {

while (t) {

v = v.constructor.prototype;

t -= 1;

}

f = v[name];

} else {

f = p[name];

if (f == this[name]) {

f = v[name];

}

}

d[name] += 1;

r = f.apply(this, Array.prototype.slice.apply(arguments, [1]));

d[name] -= 1;

return r;

});

return this;

});

Function.method( swiss , function (parent) {

for (var i = 1; i < arguments.length; i += 1) {

var name = arguments[i];

this.prototype[name] = parent.prototype[name];

}

return this;

});

/*

* 解决IE不支持HTMLElement的一个解决方案

*/

var DOMElement ={

extend: function(name,fn)

{

if(!document.all)

{

eval("HTMLElement.prototype." + name + " = fn");

}

else

{

var _createElement = document.createElement;

document.createElement = function(tag)

{

var _elem = _createElement(tag);

eval("_elem." + name + " = fn");

return _elem;

}

var _getElementById = document.getElementById;

document.getElementById = function(id)

{

var _elem = _getElementById(id);

eval("_elem." + name + " = fn");

return _elem;

}

var _getElementsByTagName = document.getElementsByTagName;

document.getElementsByTagName = function(tag)

{

var _arr = _getElementsByTagName(tag);

for(var _elem=0;_elem<_arr.length;_elem++)

eval("_arr[_elem]." + name + " = fn");

return _arr;

}

}

}

};

/*

* 下面仿照jQuery之父John Resig的几个查询DOM的函数,连缀的能力

*/

DOMElement.extend("previous",function(){ // similar to previousSibling DOM Function

var elem=this;

do{

elem=elem.previousSibling;

}while(elem&&elem.nodeType!=1);

return elem;

});

DOMElement.extend("next",function(){ //similar to nextSibling DOm Function

var elem=this;

do{

elem=elem.nextSibling;

}while(elem&&elem.nodeType!=1);

return elem;

});

DOMElement.extend("first",function(num){ //similar to firstChild DOM Function，同parent

var elem=this;

num=num||1;

for (var i = 0; i < num; i++) {

elem = elem.firstChild;

}

return (elem && elem.nodeType!=1 ? next(elem):elem);

});

DOMElement.extend("last",function(num){ //similar to lastChild DOM Function，同parent

var elem=this;

num=num||1;

for (var i = 0; i < num; i++) {

elem = elem.lastChild;

}

return (elem && elem.nodeType!=1 ? prev(elem):elem);

});

DOMElement.extend("parent",function(num){ //可以返回几个num等级的parentNode，比如：parent(2)就等同于elem.parent().parent();

var elem=this;

num=num ||1;

for (var i = 0; i < num; i++) {

if (elem != null) {

elem = elem.parentNode;

}

}

return elem;

});

DOMElement.extend("hasChilds",function(){ //判断时候有子节点

if(this!=null && this.hasChildNodes()){

return true;

}

else{

return false;

}

});

DOMElement.extend("text",function(){ //得到标签内的文本，如果参数不为零，则可以设置标签内的文版，对input标签也同样适合

try{ //解决Firefox不支持InnerText的解决方案

HTMLElement.prototype.__defineGetter__("innerText",function(){

var anyString = "";

var childS = this.childNodes;

for(var i=0; i<childS.length; i++){

if (childS[i].nodeType == 1) {

anyString += childS[i].tagName == "BR" ? "n : childS[i].innerText;

}

else if(childS[i].nodeType == 3) {

anyString += childS[i].nodeValue;

}

}

return anyString;

});

}

catch(e){}

if (arguments.length == 1) {

if (this.innerText) {

this.innerText = arguments[0];

}

else {

this.value = arguments[0];

}

}

else {

return this.innerText || this.value;

}

});

DOMElement.extend("html",function(){ //得到元素的innerHTML,如果参数不为零，则可以设置元素内的文本和子节点

if(arguments.length==0){

return this.innerHTML;

}

else if(arguments.length==1)

{

this.innerHTML=arguments[0];

}

});

/*

* 下面是className的操作

*/

DOMElement.extend("getClassName",function(){ //返回元素className

if(this!=null&&this.nodeType==1){

return this.className.replace(/s+/, ).split( );

}

return null;

});

DOMElement.extend("hasClassName",function(){ //判断是否有class类

if(this!=null&&this.nodeType==1){

var classes=this.getClassName();

for(var i=0;i<classes.length;i++){

if(arguments[0]==classes[i]) return true;

}

}else{

return false;

}

});

DOMElement.extend("addClass",function(){ //给元素添加类,可以一次性添加多个类

if(this!=null&&this.nodeType==1){

for (var i = 0; i < arguments.length; i++) {

this.className += (this.className ? : ) + arguments[i];

}

return this;

}

return null;

});

DOMElement.extend("removeClass",function(){ //删除类，如果没有参数，则删除全部的类

if (this != null && this.nodeType == 1) {

if (arguments.length == 0) {

this.className = "";

}

else if(arguments.length!=0) {

var classes=this.getClassName();

for (var i = 0; i < arguments.length; i++) {

for (var j = 0; j < classes.length; j++) {

if (arguments[i]==classes[j]) {

classes = classes.join(" ").replace(arguments[i], ).split(" ");

}

}

}

this.className=classes.join(" ");

}

return this;

}

return null;

});

JsHelper.__toggleflag=false; //增加一个判断开关

DOMElement.extend("toggleClass",function(classname){ //两次点击调用的函数不同

if(this!=null && this.nodeType==1){

this.onclick=function(){

if(JsHelper.__toggleflag==false){

this.addClass(classname);

JsHelper.__toggleflag = true;

}else if (JsHelper.__toggleflag == true) {

this.removeClass(classname);

JsHelper.__toggleflag = false;

}

}

}

});

/*

* 给每个对象添加click方法,类似与jQuery的click方法的使用方式

*/

DOMElement.extend("click",function(){

if(this!=null && this.nodeType==1){

if(arguments.length==0){

alert("you have done nothing when you clicked.");

}else{

this.onclick=arguments[0];

}

}

});

/*

* 给每个对象扩展hover方法，此方法接受两个函数作为参数

*/

DOMElement.extend("hover",function(){

if(this!=null && this.nodeType==1){

if(arguments.length!=2){

alert("Require two function to be param.");

}else{

this.onmouseover=arguments[0];

this.onmouseout=arguments[1];

}

}

});

/*

* 给每个元素添加事件的函数

*/

DOMElement.extend("addEvent",function(eventtype,fn){

if(document.all){

this.attachEvent("on"+eventtype,fn);

}else{

this.addEventListener(eventtype,fn,false);

}

});

/*

* 给每个元素扩展css方法，接受一个属性和属性值作为参数

*/

DOMElement.extend("css",function(){

if(this!=null && this.nodeType==1){

if(arguments.length!=2){

alert("Require two function to be param.");

}else{

this.style[arguments[0]]=arguments[1]; //设置相关的style属性的值

return this;

}

}

return null;

});

/*

* //查找并返回存在某个类的全部的元素,name为className，type为HTML标签类型

*/

var hasClass = function(name,type){

var r = new Array();

//var re = new RegExp(name,"g");

var e=document.getElementsByTagName(type||"*");

for(var i=0;i<e.length;i++){

var classes=e[i].getClassName();

for (var j = 0; j < classes.length; j++) {

if (name== classes[j]) {

r.push(e[i]);

}

}

}

return r;

}

/*

* 返回某个元素的特定的子元素引用的集合，如果没有元素调用该方法，则默认是document

*/

DOMElement.extend("find",function(){

var elem=this||document;

var r=new Array();

if(elem!=null && (elem.nodeType==1||elem.nodeType==9)){

var e=elem.getElementsByTagName(arguments[0]);

for(var i=0;i<e.length;i++){

r.push(e[i]);

}

return r;

}

return null;

});