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

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

本例没有用到jquery

演示

PHP Code

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
    ";
14. function readLogDir($subdir){
15. global $rootdir,$spacenum,$filenum,$allfilesize;
17. @chdir($subdir) or die ("error:could not change to this directory!");
18. $dirobject=dir($subdir);
19. echo "";
    $i=0;
    while ($file=$dirobject->read()){
    if($file=="." $file==".."){
    continue;
    }
    $i=$i+1;
    echo "
    ";
    $allfilesize+=filesize($file);
    $filenum++;
    }
    echo "

    创建时间
    ".$i.""; echo $file."	". number_format((filesize($file)/1024),2,".","")."KB	". date("Y-m-d H:i:s", filemtime($file)). "

    ";
20. return;
21. }
22. ?>

24. 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. }
    13. for (i=0;i{
    14. if (headEventObject.children[i]!=event.srcElement)//找到事件发生的td单元格
    15. {
    16. headEventObject.children[i].className="listTableHead";//把点击的列的className属性设为listTableHead
    17. }
    18. }
    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. }
    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代码
    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. }
    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. }
    69. sourceHTML_head=sourceHTML.split("");//从截断,我试了,前头串为空
    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的内容连接起来
    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. clearStart.outerHTML=DataRebuildTable;//表格用新串重新写一次
    94. }
        
        原文地址:http://www.freejs.net/article_jquerywenzi_147.html