PHP file Management, you can click by time, size, name sort

PHP file Management, you can click by time, size, name sort

jquery is not used in this example

Demonstrate
PHP Code

2. $rootdir = "./";
4. $spacenum = 0;
6. $filenum = 0;
8. $allfilesize = 0;
10. echo "

    File Management Freejs.net Test

    ";
12. echo "Reset";
14. Readlogdir ($rootdir);
16. echo " ";
18. echo Total Files Count: $filenum.
    ";
20. echo "Total disk space used: $allfilesize
    ";
22. $freespace =diskfreespace ("/");
24. echo "Residue disk space: $freespace
    ";
28. function Readlogdir ($subdir) {
30. Global $rootdir, $spacenum, $filenum, $allfilesize;
34. @chdir ($subdir) or Die ("Error:could not on" to this directory!);
36. $dirobject =dir ($subdir);
38. echo "
39. $i = 0;
40. $allfilesize +=filesize ($file);
41. while ($file = $dirobject->read ()) {
43. if ($file = = "." $file = = ") {
44. Continue
45. }
46. $i = $i +1;
47. echo "
48. $filenum + +;
49. }
50. echo "
"; ";

Creation time
". $i." "; echo $file. "	". Number_format (FileSize ($file)/1024), 2, ".", "" "." Kb	". Date ("Y-m-d h:i:s", Filemtime ($file)). "

";
52. Return
54. }
56. ?>
59. <script src= "Table_sort.js" ></script>JavaScript Code
    2. /**
    4. * Table Sort
    6. * Anthor Liueh
    8. */
    10. function Jm_powerlist (colnum)
    12. {
    14. headeventobject=event.srcelement;//to get the object that raised the event
    16. while (headeventobject.tagname!= "tr")//is not a TR line, the following TD bubbles up to find the appropriate line
    18. {
    20. Headeventobject=headeventobject.parentelement;
    22. }
    26. for (i=0;i
    27. {
    29. if (headeventobject.children[i]!=event.srcelement)//Find the TD cell where the event occurred
    31. {
    33. Headeventobject.children[i].classname= "Listtablehead"//To set the ClassName property of the clicked column to Listtablehead
    35. }
    37. }
    41. var tablerows=0;
    43. Trobject=clearstart.children[0].children; Get the table row object, it's called a DataTable, maybe you wrote wrong??
    45. for (i=0;i{
    47. object=clearstart.children[0].children[i];//gets the object of each row
    49. Tablerows= (trobject[i].id== "Ignore")? tablerows:tablerows+1;//if the row is not ignored, the number of rows plus one
    51. }
    55. var trinnerhtml=new Array (tablerows);
    57. var tdinnerhtml=new Array (tablerows);
    59. var tdnumber=new Array (tablerows)
    61. var i0=0
    63. var i1=0
    65. for (i=0;i{
    67. if (trobject[i].id!= "Ignore")
    69. {
    71. trinnerhtml[i0]=trobject[i].innerhtml;//put the line in the array.
    73. tdinnerhtml[i0]=trobject[i].children[colnum].innerhtml;//the contents of TD in the row to be sorted into an array
    75. tdnumber[i0]=i;//line number
    77. i0++;//plus one, next cycle.
    79. }
    81. }
    83. sourcehtml=clearstart.children[0].outerhtml;//gets the HTML code for all TR in the table
    87. Sorting the strings in all TD is not a bubble sort???
    88. for (Bi=0;bi
    90. for (i=0;i
    {
    92. if (tdinnerhtml[i]>tdinnerhtml[i+1])
    93. {
    94. T_S=TDNUMBER[I+1];
    95. T_b=tdnumber[i];
    96. Tdnumber[i+1]=t_b;
    97. tdnumber[i]=t_s;
    98. TEMP_SMALL=TDINNERHTML[I+1];
    99. Temp_big=tdinnerhtml[i];
    100. Tdinnerhtml[i+1]=temp_big;
    101. Tdinnerhtml[i]=temp_small;
    102. }
    103. }
    104. }
    108. var showshow= "";
    109. var numshow= "";
    110. for (i=0;i
    {
    112. showshow=showshow+tdinnerhtml[i]+ "\ n";//to place the contents of the sorted TD in a Showshow string
    113. Numshow=numshow+tdnumber[i]+ ""; The corresponding line number of the order is also in Numshow
    114. }
    116. Sourcehtml_head=sourcehtml.split ("");/from truncation, I tried, and the front string was empty
    118. Numshow=numshow.split ("");
    119. var trrebuildhtml= "";
    120. if (event.srcelement.classname== "listheadclicked")
    121. {//clicked column, then inverted
    122. for (i=0;i
    {
    124. trrebuildhtml=trrebuildhtml+trobject[numshow[tablerows-1-i]].outerhtml;//take out the contents of the sorted TR and connect them
    126. }
    127. Event.srcelement.classname= "ListHeadClicked0";
    128. }
    129. Else
    130. {//default shun row, new click Shun Pai
    131. for (i=0;i
    {
    133. trrebuildhtml=trrebuildhtml+trobject[numshow[i]].outerhtml;
    134. }
    135. Event.srcelement.classname= "listheadclicked";
    136. }
    137. Gets the sorted TR collection result string
    138. var datarebuildtable= "";
    139. Connect the old table header with the new TR-sorted elements (modified)
    140. Datarebuildtable = "
    {
    143. "
    "+ trobject[0].outerhtml + trrebuildhtml +" "+ ";
    145. clearstart.outerhtml=datarebuildtable;//table with new string write again
    149. }

         
         Original address: http://www.freejs.net/article_jquerywenzi_147.html