php文件管理，可以点击按照时间，大小，名称排序

本例没有用到jquery

1. $rootdir="./";
2. $spacenum=0;
3. $filenum=0;
4. $allfilesize=0;
5. echo "

   文件管理freejs.net测试

   ";
6. echo "重置";
7. readLogDir($rootdir);
8. echo "

   ---

   ";
9. echo "Total files count: $filenum.
   ";
10. echo "Total disk space used: $allfilesize
    ";
11. $freespace=diskfreespace("/");
12. echo "residue disk space: $freespace
    ";
13.  
14. function readLogDir($subdir){
15. global $rootdir,$spacenum,$filenum,$allfilesize;
16.  
17. @chdir($subdir) or die ("error:could not change to this directory!");
18. $dirobject=dir($subdir);
19. echo "";
20. $i=0;
21. while ($file=$dirobject->read()){
22.  
23. if($file=="." || $file==".."){
24. continue;
25. }
26. $i=$i+1;
27. echo "
";
28. $allfilesize+=filesize($file);
29. $filenum++;
30. }
31. echo "
";
32. return;
33. }
34. ?>
35.  
36. <script src="table_sort.js"></script>

     

    JavaScript Code
    1. /**
    2. * table排序
    3. * anthor liueh
    4. */
    5. function JM_PowerList(colNum)
    6. {
    7. headEventObject=event.srcElement;//取得引发事件的对象
    8. while(headEventObject.tagName!="TR") //不是tr行,则从底下的td冒泡上来寻找到相应行
    9. {
    10. headEventObject=headEventObject.parentElement;
    11. }
    12.  
    13. for (i=0;i{
    14. if (headEventObject.children[i]!=event.srcElement)//找到事件发生的td单元格
    15. {
    16. headEventObject.children[i].className='listTableHead';//把点击的列的className属性设为listTableHead
    17. }
    18. }
    19.  
    20. var tableRows=0;
    21. trObject=clearStart.children[0].children; //取得表格中行对象, 原来这里叫DataTable, 可能是你写错了吧??
    22. for (i=0;i{
    23. Object=clearStart.children[0].children[i];//取得每行的对象
    24. tableRows=(trObject[i].id=='ignore')?tableRows:tableRows+1;//如果不是忽略行,则行数加一
    25. }
    26.  
    27. var trinnerHTML=new Array(tableRows);
    28. var tdinnerHTML=new Array(tableRows);
    29. var tdNumber=new Array(tableRows)
    30. var i0=0
    31. var i1=0
    32. for (i=0;i{
    33. if (trObject[i].id!='ignore')
    34. {
    35. trinnerHTML[i0]=trObject[i].innerHTML;//把行放在数组里
    36. tdinnerHTML[i0]=trObject[i].children[colNum].innerHTML;//把要排序的行中td的内容放数组里
    37. tdNumber[i0]=i;//行号
    38. i0++;//加一,下个循环用
    39. }
    40. }
    41. sourceHTML=clearStart.children[0].outerHTML;//取得表格中所有tr的html代码
    42.  
    43. //对所有td中的字符串进行排序, 算不算冒泡排序???
    44. for (bi=0;bi{
    45. for (i=0;i{
    46. if(tdinnerHTML[i]>tdinnerHTML[i+1])
    47. {
    48. t_s=tdNumber[i+1];
    49. t_b=tdNumber[i];
    50. tdNumber[i+1]=t_b;
    51. tdNumber[i]=t_s;
    52. temp_small=tdinnerHTML[i+1];
    53. temp_big=tdinnerHTML[i];
    54. tdinnerHTML[i+1]=temp_big;
    55. tdinnerHTML[i]=temp_small;
    56. }
    57. }
    58. }
    59.  
    60.  
    61.  
    62. var showshow='';
    63. var numshow='';
    64. for (i=0;i{
    65. showshow=showshow+tdinnerHTML[i]+'\n';//把排序好的td的内容存在showshow字串里
    66. numshow=numshow+tdNumber[i]+'|'; //把排序好的相应的行号也存在numshow中
    67. }
    68.  
    69. sourceHTML_head=sourceHTML.split("");//从截断,我试了,前头串为空
    70.  
    71. numshow=numshow.split("|");
    72. var trRebuildHTML='';
    73. if (event.srcElement.className=='listHeadClicked')
    74. {//已点击的列, 则逆排
    75. for (i=0;i{
    76. trRebuildHTML=trRebuildHTML+trObject[numshow[tableRows-1-i]].outerHTML;//取出排序好的tr的内容连接起来
    77.  
    78. }
    79. event.srcElement.className='listHeadClicked0';
    80. }
    81. else
    82. {//默认顺排,新点击顺排
    83. for (i=0;i{
    84. trRebuildHTML=trRebuildHTML+trObject[numshow[i]].outerHTML;
    85. }
    86. event.srcElement.className='listHeadClicked';
    87. }
    88. //取得排序后的tr集合结果字符串
    89. var DataRebuildTable='';
    90. //把旧的表格头和新的tr排序好的元素连接起来, (修改了一下)
    91. DataRebuildTable = "" + trObject[0].outerHTML + trRebuildHTML + "" +
    92.  
    93. "
    ";
    94. clearStart.outerHTML=DataRebuildTable;//表格用新串重新写一次
    95.  
    96. }

         

        
        原文地址:http://www.freejs.net/article_jquerywenzi_147.html