tableSort.class.js复制代码 代码如下:/* * 表格名不能为空,可为已获取的对象或名字 * 表头名默认为：tag * 通过自行编写接口可实现不同的触发排序方式 * * 作者:Auntion * E-mail:Auntion@Gmail.com * OICQ:82874972 * * 日期:2007年04月22日 - 测试 - 待修正 */ var tableSort= function(element,tagName,upStyle,downStyle){this.table= (typeof(element) == 'string') ? TAGDom.fromId(element) : element;this.td = this.table.getElementsByTagName("td"); this.hName= (tagName.length<1) ? "tag" : tagName;this.rows = this.table.rows;this.byUp = (upStyle == undefined) ? "DescUp" : upStyle ;this.byDown = (downStyle == undefined) ? "DescDown" : downStyle ;var totalTd = [];var totalNr = [];var totalTag= [];this.tempCellIndex; this.tempStatus = {};var setAllTag = function(){ for(var i = 0; i < this.td.length; i++){if(this.td[i].className === this.hName) totalTag.push(this.td[i]);}}.bind(this);var getStatus = function(tagName){this.tempStatus[tagName] = (this.tempStatus[tagName] == true) ? false : true;for(tags in this.tempStatus){if(tags == tagName) return this.tempStatus[tags];else delete this.tempStatus[tags];}}.bind(this);var changeShow = function(cellIn,status){for(var i=0; i<totalTag.length; i++){if(totalTag[i].cellIndex == cellIn){if(status == true) totalTag[i].className = this.byUp;else if(status == false) totalTag[i].className = this.byDown;}else{totalTag[i].className = this.hName;}}}.bind(this);var startSort = function(status){for (var i = totalNr[this.tempCellIndex].length - 1; i > 0; i--){for (var j = 0; j < i; ++j){if ( (status == true) ? totalNr[this.tempCellIndex][j] > totalNr[this.tempCellIndex][j + 1] : totalNr[this.tempCellIndex][j] < totalNr[this.tempCellIndex][j + 1] ){var temp = totalNr[this.tempCellIndex][j + 1];totalNr[this.tempCellIndex][j + 1] = totalNr[this.tempCellIndex][j];totalNr[this.tempCellIndex][j] = temp;for(var n=0; n<totalNr.length; n++){if(n != this.tempCellIndex){var temps = totalNr[n][j+1];totalNr[n][j + 1] = totalNr[n][j];totalNr[n][j] = temps;}}}}};InsertContect();}.bind(this);var InsertContect = function(){ for(var i=0; i<totalTd.length; i++){for(var j=0; j<totalTd[i].length; j++){totalTd[i][j].innerHTML = totalNr[i][j];}};totalTd.length = 0;totalNr.length = 0;};this.init = function(status){for(var i=0; i<(this.td.length/this.rows.length); i++){totalTd[i] = new Array();totalNr[i] = new Array();for(var j=0; j<this.rows.length; j++){if(this.rows[j].cells[i].className !== this.hName){totalTd[i][j-1] = this.rows[j].cells[i];if(IsNumber(this.rows[j].cells[i].innerHTML) == true){totalNr[i][j-1] = parseInt(this.rows[j].cells[i].innerHTML);}else{totalNr[i][j-1] = this.rows[j].cells[i].innerHTML;}}}}startSort(status);} /********************************************************************************************************************************/ /**通过点击标签触发排序事件**/ //public: 通过默认鼠标事键触发 (interface example)(设置用户接口的范例) this.toTagStart = function(){ setAllTag(); //获取标签 for(var i=0; i<totalTag.length; i++){ totalTag[i].sIndex = function(cIndex){ this.tempCellIndex=cIndex }.bind(this); //设置列index totalTag[i].gStatus = function(values){ return getStatus(values) }; //获取与设置状态 totalTag[i].ceShow = function(i,s){ changeShow(i,s) }; //改变显示的东西 totalTag[i].stSort = function(status){ this.init(status) }.bind(this); //初始化 totalTag[i].onselectstart = function(){ return false }; //点击不选中文字 totalTag[i].onclick = function(){ this.sIndex(this.cellIndex); this.status = this.gStatus(this.firstChild.nodeValue); this.ceShow(this.cellIndex,this.status); this.stSort(this.status); } } } }Language.ext.js复制代码 代码如下:/* * By Auntion QQ:82874972 Blog:Auntion@blogbus.com Email:Auntion@Gmail.com 请勿删除此部分注释.谢谢! ver date-2007-02-01 * */ var isIe = /msie/i.test(navigator.userAgent); var TAGDom = { fromId: function(i){ return document.getElementById(i); }, fromName: function(i){ return document.getElementById(i); }, fromClass: function(className,baseId) { this.fatherId = null; if(!baseId){ this.fatherId = document; }else{ this.fatherId = DOM.fromId(baseId); } var basic = fatherId.getElementsByTagName("*") || document.all; var child = null; var classNames = null; var aggregate = []; for (var i = 0; i < basic.length; i++) { child = basic[i]; classNames = child.className.split(" "); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { aggregate.push(child); break; } } } return aggregate; } }; function externalStyle (element, target) { this.setReturn; if (element.currentStyle){ this.setReturn = element.currentStyle[target]; }else if (window.getComputedStyle){ this.setReturn = getComputedStyle (element,"").getPropertyValue(target); } return this.setReturn; } String.prototype.toInt = function(){ return parseInt(this.replace(/[a-zA-Z]+/,'')); } String.prototype.trim = function(){ return this.replace(/(^s*)|(s*$)/g, ""); } Function.prototype.bind = function(e) { var source = this; return function() { return source.apply(e,arguments); } } function IsNumber(_str){ var tmp_str = _str.trim(); var pattern = /^(- ¦+)?d+(d+)?$/; return pattern.test(tmp_str); } 使用实例_1.htm

　　推荐阅读

　　比较简单的一个符合web标准的JS调用flash方法

微软XP升级出现的bug，就是对于使用传统网页制作模式插入页面的flash无法正常浏览，页面打开的时候flash周围是一个虚线框，需要点击一下才能正常浏览，以下的办法就是解决这一缺点,并且让flash能符合WEB标准,此外最>>>详细阅读

本文标题：Auntion-TableSort javascript类文件第1/2页

地址：http://www.17bianji.com/kaifa2/JS/29979.html

 1/2    1