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
    ";
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. while ($file=$dirobject->read()){
23. if($file=="." || $file==".."){
24. continue;
25. }
26. $i=$i+1;
27. echo "".$i."";
28. echo $file."". number_format((filesize($file)/1024),2,'.','')."KB". date("Y-m-d H:i:s", filemtime($file)). "";
29. $allfilesize+=filesize($file);
30. $filenum++;
31. }
32. echo "";
33. return;
34. }
35. ?>
37. <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