Auntion-TableSort javascript类文件第1/2页_javascript技巧

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

当前1/2页 12下一页阅读全文

时间: 2024-09-26 06:52:38

Auntion-TableSort javascript类文件第1/2页_javascript技巧的相关文章

Javascript判断文件是否存在(客户端/服务器端)_javascript技巧

分享下javascript判断文件是否存在的方法. 1,判断客户端文件时,可以用 var fso,s=filespec; // filespec="C:/path/myfile.txt" fso=new ActiveXObject("Scripting.FileSystemObject"); if(fso.FileExists(filespec)) s+=" exists."; else // www.jb51.net s+=" doe

JavaScript类继承及实例化的方法_javascript技巧

本文实例讲述了JavaScript类继承及实例化的方法.分享给大家供大家参考.具体如下: (function(){ var Class = { //扩展类 create: function(aBaseClass, aClassDefine){ var $class = function(){ for(var member in aClassDefine){ this[member] = aClassDefine[member]; } if('undefined'===typeof aClassD

javascript 系统文件夹文件操作及参数介绍_javascript技巧

前期在.net 下进行系统操作,同样的功能实现起来非常复杂,没想到用javascript竟然如此简单,所以在网上搜索了代码并加以改进. 复制代码 代码如下: function PathList(path) { var fso = new ActiveXObject("Scripting.FileSystemObject"); var fldr = fso.GetFolder(path); var fd = new Enumerator(fldr.SubFolders); for (;

javascript 保存文件到本地实现方法_javascript技巧

2种形式都可以 第一种: 复制代码 代码如下: <script> function SaveAs5(imgURL) { var oPop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000"); for(; oPop.document.readyState != "complete"; ) { if (oPop.document.readyState == &

多浏览器兼容的动态加载 JavaScript 与 CSS第1/2页_javascript技巧

在介绍ensure内部的实现之前,让我们先来看看其功能: ensure({ html: "popup.html", javascript: "popup.js", css: "popup.css" }, function() { Popup.show("hello world"); } ); 在这段代码中,ensure首先会确保popup.html.popup.js.popup.css这3个文件的加载,如果都没加载过ensur

开发跨浏览器的JavaScript方法说明第1/2页_javascript技巧

开发跨浏览器的JavaScript 1. childNodes在ff中和ie的区别. ff中的node(nodeType = 1)都是用textNode(nodeType = 3)分开的,而ie/op不是这样的. <div id="box1"><span>content</span></div> 在ff下,box1的childNodes为3个,ie下为1个. 2. 设置某个node对象的style class名称. ie中要设置某个nod

悟透JavaScript整理版第1/2页_javascript技巧

数据天生就是文静的,总想保持自己固有的本色:而代码却天生活泼,总想改变这个世界.    你看,数据代码间的关系与物质能量间的关系有着惊人的相似.数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态.而代码就象能量,他存在的唯一目的,就是要努力改变数据原来的状态.在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势.甚至在某些情况下,数据可以转变为代码,而代码却又有可能被转变为数据,或许还存在一个类似E=MC2形式的数码转换方程呢.然而,就是在数据和代码间这种即矛盾

javascript的函数第1/3页_javascript技巧

作者:F. Permadi译者:Sheneyan(子乌)英文原文: INTRODUCTION TO JavaScript Functions中文译文(包括示例):javascript的函数子乌注:一篇相当不错的function入门文章,个人感觉相当经典. 词语翻译列表: function:函数(Function未翻译)declare:定义assign:指派,分配functionbody:函数体(就是函数的内容)object:对象property:属性unnamed:匿名(在这里没翻译成未命名)o

FF和IE之间7个JavaScript的差异第1/2页_javascript技巧

这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面. 1. CSS "float" 属性 获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替.例如,获取一个 ID 为 "header" 的 div 的 background-color 属性,我们要用如下语法: document.getElementById("