今回は前回書いたソートのコードですが、本に載ってたコードにちょこちょこと書き足しただけなので著作権って大丈夫なのかなぁ? 一応サンプル集だったのでたぶん大丈夫かな?
<script type="text/javascript"> <!-- var cell = new Array(); var row = new Array(); var i, n_rows; // ページのロード時に呼び出される関数initをセット window.onload = init; // ページのロード時に呼び出される関数 function init(){ // tr要素 var tr = document.getElementsByTagName('tr'); // 見出し行を除く行の数 n_rows = tr.length-1; // 見出し行を除くテーブルの行を配列rowに代入 for( i=0; i<n_rows; i++ ){ row[i] = tr[i+1]; } } // col→列の番号、asc→昇順:true 降順:false function sortTable(col, asc){ if(col == 0){ // ソート対象の列を配列cellに代入 for( i=0; i<n_rows; i++ ){ num = row[i].childNodes[col].firstChild.nodeValue; cell[i] = parseInt(num, 10); } }else{ // ソート対象の列を配列cellに代入 for( i=0; i<n_rows; i++ ){ cell[i] = row[i].childNodes[col].firstChild.nodeValue; } } // 配列cellの順に配列rowをソート sortData(asc); // テーブルの書き換え replaceTable(); SetStyle(); } // 配列cellの順に配列rowをソート function sortData(asc){ var tmp; var finish_sort = false;// 交換をしなければソート終了 while(!finish_sort){ finish_sort = true; for( i=0; i<n_rows-1; i++ ){ if( (asc && cell[i]>cell[i+1]) || // 昇順 (!asc && cell[i]<cell[i+1]) ){ // 降順 // cellの交換 tmp = cell[i]; cell[i] = cell[i+1]; cell[i+1] = tmp; // rowの交換 tmp = row[i]; row[i] = row[i+1]; row[i+1] = tmp; // 交換をしたのでソート終了ではない finish_sort = false; } } } } // テーブルの書き換え function replaceTable(){ // tbody要素 var tbdy = document.getElementById('tbdy'); // tbody要素の行を削除 for( i=0; i<n_rows; i++ ){ tbdy.removeChild(row[i]); } // tbody要素の行を追加 for( i=0; i<n_rows; i++ ){ tbdy.appendChild(row[i]); } } function SetStyle(){ var TRS = document.getElementsByTagName("tr"); for(i=1; i<TRS.length; i++){ var number = i; if(number%2 == 1){ //listN = 0; TRS[i].className = "list0"; }else{ //listN = 1; TRS[i].className = "list1"; } } } // -->
サンプルHTMLを付ければいいのですが、
今日はちょっと眠いのでJavaScript部分のみです。