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 "
20. $i=0;
21. $allfilesize+=filesize($file);
";
22. while ($file=$dirobject->read()){
24. if($file=="." $file==".."){
25. continue;
26. }
27. $i=$i+1;
28. echo "
";
29. $filenum++;
30. }
31. echo "

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

";
32. return;
33. }
34. ?>
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. }
    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 + "" +
    93. "
    ";
    94. clearStart.outerHTML=DataRebuildTable;//表格用新串重新寫一次
    96. }
        
        原文地址:http://www.freejs.net/article_jquerywenzi_147.html