PHP ファイル管理。クリックして時間、サイズ、名前で並べ替えることができます

php ファイル管理。クリックして時間、サイズ、名前で並べ替えることができます

この例では jquery を使用しません

デモ

PHP コード

1. $rootdir="./";
2. $spacenum=0;
3. $allfilesize=0;
4. ファイル管理
5. ";

   echo "リセット";

   readLogDir($rootdir);
6. echo "
7. ";
8. echo "合計ファイル数: $filenum.

   ---

   ";
9. echo "使用された合計ディスク容量: $allfilesize
   ";
10. $freespace=diskfreespace("/");
    echo "残りのディスク容量: $freespace
11. "; > function readLogDir($subdir){
12. global $rootdir,$spacenum,$filenum,$allfilesize;
    
13. @chdir($subdir) または die (「エラー: このディレクトリに変更できませんでした!」 ) ;
14. $dirobject=dir($subdir);
15. echo "";
    $i=0;
    while ($file=$dirobject->read()){
    if($file=="." $file==".."){

    作成時間

    ";
    $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)). "

    続行; $i=$i+1; = "#e0e0e0">".$i.""; echo $file." ".number_format((filesize($file)/1024),2,". " ,"")."KB ". date("Y-m-d H:i:s", filemtime($file)). ""; $ allfilesize+ =filesize($file); $filenum++>} エコー "
";
16. return;
17. }
18. ?>

20. JavaScript コード
    1. /**
    2. * テーブルソート
    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;
    12. for (i=0; i{ if (headEventObject.children[i]!=event.srcElement)//イベントが発生した td セルを検索します
    13. {
    14. headEventObject.children [i].className="listTableHead";//クリックされた列の className 属性を listTableHead に設定します
    15. }
    16. }
    18. var tableRows=0; >trObject=clearStart.children[ 0].children; //これは DataTable という名前であることがわかりました。
    19. for (i=0;i{
    20. Object=clearStart.children[0].children[i];//各行のオブジェクトを取得しますtableRows=(trObject[i].id=="ignore ")?tableRows:tableRows+1;//行を無視しない場合は、行数に 1 を加えます
    21. }
    23. var triinnerHTML=new Array(tableRows);
    24. var tdinnerHTML=new Array(tableRows);
    25. var tdNumber=new Array(tableRows)
    26. var i0=0
    27. var i1=0
    28. for (i=0;i {
    29. if (trObject[i].id!="ignore ") {
    30. trinnerHTML[i0]=trObject[i].innerHTML;// 行を配列に入れます
    31. tdinnerHTML[ i0]=trObject[i].children[colNum].innerHTML;/ /並べ替える行の td の内容を配列に入れます
    32. tdNumber[i0]=i //行番号
    33. i0++; // 1 つ追加します。次のループで
    34. }
    35. } sourceHTML=clearStart.children[0].outerHTML;// テーブル内のすべての tr の HTML コードを取得します
    37. //すべての td 内の文字列をソートします。バブル ソートとみなされますか?
    38. for (bi=0;bi{
    39. for (i=0;i{ {
    40. for (i=0;i{
    41. if(tdinnerHTML[i]>tdinnerHTML[i+1])
    42. {
    43. t_s=tdNumber[i+1];
    44. t_b=tdNumber[i];
    45. tdNumber[i+1]=t_b;
    46. tdNumber[i]=t_s;
    47. temp_small=tdinnerHTML[i+1];
    48. temp_big=tdinnerHTML[i];
    49. tdinnerHTML[i+1]=temp_big;
    50. tdinnerHTML[i]=temp_small;
    51. }
    52. }
    53. }
    57. var showshow="";
    58. var numshow="";
    59. for (i=0;i{
    60. showshow=showshow+tdinnerHTML[i]+"n";//把排序好的td的内容存在showshow字串里
    61. numshow=numshow+tdNumber[i]+""; //把排序好的相应的行号也存在numshow中
    62. }
    64. sourceHTML_head=sourceHTML.split("");//从截断,我试了,前头串为空
    66. numshow=numshow.split("");
    67. var trRebuildHTML="";
    68. if (event.srcElement.className=="listHeadClicked")
    69. {//已点击的列, 则逆排
    70. for (i=0;i{
    71. trRebuildHTML=trRebuildHTML+trObject[numshow[tableRows-1-i]].outerHTML;//取出排序好的tr的内容连接起来
    73. }
    74. event.srcElement.className="listHeadClicked0";
    75. }
    76. else
    77. {//默认顺排,新点击顺排
    78. for (i=0;i{
    79. trRebuildHTML=trRebuildHTML+trObject[numshow[i]].outerHTML;
    80. }
    81. event.srcElement.className="listHeadClicked";
    82. }
    83. //取得排序后的tr集合结果字符串
    84. var DataRebuildTable="";
    85. //把旧的表格头和新的tr排序好的元素连接起来, (修改了一下)
    86. DataRebuildTable = "" + trObject[0].outerHTML + trRebuildHTML + "" +
        "
        if(tdinnerHTML[i]>tdinnerHTML[i+1])
    87. {
    88. t_s=tdNumber[i+1];
    89. t_b=tdNumber[i];

        tdNumber[i+1]=t_b;

        tdNumber[i] =t_s;
        temp_big=tdinnerHTML[i]; +1]=temp_big;

        tdinnerHTML[i]=temp_small;
        }
        }

        }

        var var numshow=""; for (i=0;i{ showshow=showshow+tdinnerHTML[i]+"n";// ソートされた td コンテンツを showshow に保存しますstring numshow=numshow+tdNumber[i]+""; //対応するソートされた行番号も numshow } sourceHTML_head=sourceHTML.split("");//試してみたところ、先頭の文字列は空です numshow=numshow.split(""); var trRebuildHTML="" if (event.srcElement.className=="listHeadClicked) ") {//クリックされた列、その後逆ソートfor (i=0;i{ trRebuildHTML=trRebuildHTML+trObject[numshow[tableRows-1-i] ].outerHTML;//ソートされた tr を取得します。コンテンツを接続します。 } event.srcElement.className="listHeadClicked0" } else {//デフォルトの順序、新しいクリック順序for ( i=0;i{ trRebuildHTML=trRebuildHTML+trObject[numshow[i]].outerHTML; event.srcElement; className="listHeadClicked"; } // ソートされた tr コレクションの結果文字列を取得します var DataRebuildTable="" // 古いテーブルのヘッダーと新しい tr のソートされた要素を接続します。少し) DataRebuildTable = "" + trObject[0].outerHTML + trRebuildHTML + "" + ""; clearStart.outerHTML=DataRebuildTable;//テーブルを新しい文字列で書き換えます } 元のアドレス: http://www.freejs. net/article_jquerywenzi_147.html