パソコンの起動・停止監視ツール

// wol_monitor.js    2023/11/01
var tlist;           // 監視対象一覧のテーブルのオブジェクト
var clist;           // Ping失敗数カウント用テーブルのオブジェクト
var logfd;           // ログ表示用フィールドのオブジェクト
var intobj;          // Ping定期実行用インターバルのオブジェクト

// 以下パラメーター定義
var authuser ="user";         // ベーシック認証　ユーザーid
var authpass ="pass";         // ベーシック認証　パスワード
var authstr = 'Basic ' + window.btoa(authuser + ':' + authpass);  // Authorizationヘッダー埋込認証用
var maxEntryNum = 20;               // 登録可能最大数
var pingWaitInterval = 1;          // Pingの待ち時間(s)
var pingExecInterval = 3000;       // Pingの一斉実行間隔(ms) 1000ms=1s
var pingErrorCount = 3;            // 何回Pingに失敗したらダウンと判断するか
var remoteuid = "";                // リモートコンピュータ制御ユーザーID  domain\user
var remotepass = "";               // リモートコンピュータ制御パスワード　※注 ブラウザに表示される
var idpass = (remotepass == "") ? "" : " -u \"" + remoteuid + "\" -p \"" + remotepass + "\"";

function getResource(url, callback) {
    $.ajax({
        type: "get",
        url: url,
//        dataType : 'json',
        contentType: "charset=shift_jis",
        cache: false,
         headers: {
          "Authorization": "Basic " + btoa(authuser + ":" + authpass)
         },
        success: function(data) {
            callback(data);
        }
    });
}

function cmdExecute(cmd, callback, arg1, arg2, arg3) {
    console.log(cmd);
    $.ajax({
        type: "post",
        url: "execute.php",
        cache: false,
        dataType : 'json',
        data: {post_cmd:cmd},
         headers: {
          "Authorization": "Basic " + btoa(authuser + ":" + authpass)
         },
        success: function(result){
        var data = result;
            if (callback != undefined)
                callback(data, arg1, arg2, arg3);
        }
    });
}

//
// 引数がIPアドレスとして正しいものか調べる
//
function isValidIPaddress(target, on) {
    var i;
    var confirm = document.getElementById('confirm');
    var factor;

//    if (target.indexOf(".0") != -1) {
//        if (on)
//            confirm.innerHTML = "<font color=\"red\">入力値に誤りがあります</font>";
//        return 1;
//    }
    factor = target.split('.');
    if (factor.length != 4) {
        if (on)
            confirm.innerHTML = "<font color=\"red\">入力値に誤りがあります</font>";
        return 1;
    }
    for (i = 0; i < 4; i++) {
        if (factor[i].match(/[^0-9]+/)) {
            if (on)
                confirm.innerHTML = "<font color=\"red\">入力値に誤りがあります</font>";
            return 1;
        }
    }
    for (i = 0; i < target.length; i++) {
        if (encodeURI(target.charAt(i)).length >= 4) {
            if (on)
                confirm.innerHTML = "<font color=\"red\">入力値に誤りがあります</font>";
            return 1;
        }
    }
    for (i = 0; i < 4; i++) {
        var num = Number(factor[i]);
        if (num == NaN || factor[i] < 0 || factor[i] > 255) {
            if (on)
                confirm.innerHTML = "<font color=\"red\">入力値に誤りがあります</font>";
            return 1;
        } 
    }

    confirm.innerHTML = " ";
    return 0;
}

//
// 入力されたIPアドレスからMACアドレスを調べる
//
function getMacAddress() {
    var cmd = "arp -a";
    cmdExecute(cmd, showMacAddress);
}

$(document).ready(function() {

    tlist = document.getElementById('target_list');
    clist = document.getElementById('target_list_cnt');
    logfd = document.getElementById('log');

    // コマンドの実行で管理者へ
   updateStatusMain();

    // データベースを開く
    getResource("database.txt", function(data) {
        var i, j, str, rows, line, num, cnt, rec;
        if (data != undefined) {
            str = data.split("\n");
            // 端末の登録
            for (i = 0; i < str.length; i++) {
                line = str[i].split(",");
                if (line.length != 4)
                    continue;
                rows = tlist.insertRow(-1);
                rows.style.height = "40";
                num = tlist.rows.length;
                for (j = 0; j < 8; j++) {
                    rows.insertCell(-1);
                }
                rows.cells[0].innerHTML = String(i + 1);
                rows.cells[1].innerHTML = line[0];
                rows.cells[2].innerHTML = line[1];
                rows.cells[3].innerHTML = line[2];
                rows.cells[4].innerHTML = "確認中";
                if (line[3].indexOf("auto") != -1) {
                    rows.cells[5].innerHTML = "自動起動";
                } else {
                    rows.cells[5].innerHTML = "手動  <input type=\"button\" value=\"起動\" onclick=\"offPortUse(\'" + line[0] + "\', 1);\">";
                }
                rows.cells[6].innerHTML = "<input type=\"button\" value=\"停止\" onclick=\"StopComputer(\'" + line[0] + "\');\">"; 
                rows.cells[7].innerHTML = "<input type=\"button\" value=\"削除\" onclick=\"deleteTarget(\'" + line[0] + "\');\">";
                rows.style.textAlign = "center";

                // 端末毎のPing欠落回数の設定
                rows = clist.insertRow(-1);
                num = clist.rows.length;
                cnt = "cnt_" + line[0];
                rec = "rec_" + line[0];
                rows.insertCell(-1);
                rows.insertCell(-1);
                rows.cells[0].innerHTML = "<input type=\"hidden\" id=\"" + cnt + "\">";
                rows.cells[1].innerHTML = "<input type=\"hidden\" id=\"" + rec + "\">";
                document.getElementById(cnt).value = 0;
                document.getElementById(rec).value = 0;
            }
            // MACアドレスと経路情報の取得と表示
            setTimeout(getMacAddress, 1000);
        }
        updateStatus();
    })

    // ログファイルを開く
    getResource("logfile.txt", function(data) {
        if (data != undefined) {
            var log = document.getElementById('log');
            str = data.split("\r\n");
            for (i = 0; i < str.length; i++) {
                if (i == 0) {
                    log.innerHTML = str[i];
                } else {
                    log.innerHTML = log.innerHTML + "<br>" + str[i];
                }
            }
        }
    })
});

function updateStatusMain() {
    updateStatus();
    setInterval(updateStatus, pingExecInterval);
}

//
// Pingによる疎通確認を行う
//
function updateStatus() {
    // 対象が無ければ何もしない
    if (tlist.rows.length > 1) {
        var i;
        for (i = 1; i < tlist.rows.length; i++){
            updateStatusEach(i)
        }
        intobj = setTimeout(function() {checkPing();}, 2000);
    }
}

//
// テーブルのNoを指定してPingによる疎通確認を行う
//
function updateStatusEach(id) {
    var target;
    var cmd = "nwolc -p ";

    if (tlist.rows.length == id)
        return;

    target = tlist.rows[id].cells[1].innerHTML;
    if (isValidIPaddress(target, 0))
        return;
    cmd = cmd + target + " -t " + pingWaitInterval;
    cmdExecute(cmd, checkLuaStatus);

}

//
// Pingの結果を確認するため、show status luaを実行する　DUMMY
//
function checkPing() {
//
}

//
// Pingの結果を表示に反映させる
// ダウン時の自動起動を実行する
//
function checkLuaStatus(data) {
    var i, j, id;
    var str = String(data[0]).split(' ');
    var str1 = data;
    var str2;
    var target;
    var cel2,cel4, cel5;
    var cnt, rect, cnt_ele, rec_ele, cnt_num, rec_num;

    for (i = 1; i < tlist.rows.length; i++) {
        target = tlist.rows[i].cells[1].innerHTML;
        cel2 = tlist.rows[i].cells[2];
        cel4 = tlist.rows[i].cells[4];
        cel5 = tlist.rows[i].cells[5];
        cnt = "cnt_" + target;
        rec = "rec_" + target;
        cnt_ele = document.getElementById(cnt);
        rec_ele = document.getElementById(rec);
        cnt_num = Number(cnt_ele.value);
        rec_num = Number(rec_ele.value);

            if (str[0] == target) {
                if (str1[1] == 0) {
                  if (cel4.innerHTML.indexOf("停止処理中") == -1 && cel4.innerHTML.indexOf("再起動停止中") == -1 ) {
                    if (cel4.innerHTML == "OFF" || cel4.innerHTML.indexOf("確認中") != -1 || cel4.innerHTML.indexOf("WOL起動中") != -1 || cel4.innerHTML.indexOf("再起動中") != -1 ) {
                        makeStateLog(target, 1);
                    }
                    cel4.innerHTML = "ON";
                    cel4.style.backgroundColor = "#7bdf2e";
                    cnt_ele.value = 0;
                    rec_ele.value = 0;
                    // MACアドレスの更新
                    if (cel2.innerHTML == "") {
                        getMacAddress();
                    }
                  }
                } else {
                    if (cnt_num < pingErrorCount) {
                        cnt_num += 1;
                    }
                    cnt_ele.value = cnt_num;
                    if (rec_num > 0) {
                        break;
                    }
                    if (cnt_num >= pingErrorCount || cel4.innerHTML.indexOf("再起動停止中") != -1 ) {
                      if (cel4.innerHTML.indexOf("WOL起動中") == -1  && cel4.innerHTML.indexOf("再起動中") == -1 ) {
                        if (cel4.innerHTML == "ON" || cel4.innerHTML.indexOf("確認中") != -1 || cel4.innerHTML.indexOf("停止処理中") != -1 || cel4.innerHTML.indexOf("再起動停止中") != -1 ) {
                            makeStateLog(target, 0);
                        }
                        if (cel4.innerHTML.indexOf("再起動停止中") != -1 ) {
                            cel4.innerHTML = "再起動中";
                            cel4.style.backgroundColor = "#87cefa";
                        } else {
                            cel4.innerHTML = "OFF";
                            cel4.style.backgroundColor = "#F83131";
                        }
                        if (cel5.innerHTML == "自動起動") {
                            // 自動起動
                            offPortUse(target, 0);
                        }
                      }
                    }
                }
                break;
            }
    }
}

//
// マジックバケットを送信する
//
function offPortUse(target, manual) {
    var i;
    var rec = "rec_" + target;
    var rec_ele = document.getElementById(rec);
    var ipaddr;
    var macaddr;
    var pstatus;

    for (i = 1; i < tlist.rows.length; i++) {
        if (tlist.rows[i].cells[1].innerHTML == target) {
            ipaddr = tlist.rows[i].cells[1].innerHTML;
            macaddr = tlist.rows[i].cells[2].innerHTML;
            pstatus = tlist.rows[i].cells[4].innerHTML;
            break;
        }
    }

    if (macaddr == "") {
        return;
    }
    if (pstatus == "ON") {
       cmd0 = "PsShutdown -r \\\\" + ipaddr + idpass;
//       cmd0 = "PsShutdown -accepteula -r \\\\" + ipaddr + idpass;
       tlist.rows[i].cells[4].innerHTML = "再起動停止中";
       tlist.rows[i].cells[4].style.backgroundColor = "#FFFF00";
       makePoeLog(manual, target, 1);
    } else {
       var mac = macaddr.replace(/:/g, '' );
       cmd0 = "nwolc -m " + mac;
       tlist.rows[i].cells[4].innerHTML = "WOL起動中";
       tlist.rows[i].cells[4].style.backgroundColor = "#FF9900";
       makePoeLog(manual, target, 0);
       rec_ele.value = 1;
    }
    cmdExecute(cmd0);


    // Pingの監視をリスタート
    clearTimeout(intobj);
    setTimeout(updateStatus, 3000);
}

//
// 給電設定変更のログを作る
//
function makePoeLog(manual, target, on) {
    var dateinfo = new Date();
    var year = dateinfo.getFullYear();
    var month = dateinfo.getMonth() + 1;
    var day = dateinfo.getDate();
    var hour = dateinfo.getHours();
    var minute = dateinfo.getMinutes();
    var second = dateinfo.getSeconds();
    var time;
    var method = (manual == 1) ? "[手動操作]" : "[自動起動]";
    if (on == 2) {
       var proc = "へ停止コマンドを送信しました";
       } else {
          if (on == 1) {
             var proc = "へ再起動コマンドを送信しました";
            } else {
               var proc =  "へマジックパケットを送信しました";
            }
       }
    var str;

    month = doubleNumber(month);
    day = doubleNumber(day);
    hour = doubleNumber(hour);
    minute = doubleNumber(minute);
    second = doubleNumber(second);
    time = year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + second;
    str = time + " " + method + target + proc;
    logfd.innerHTML = str + "<br>" + logfd.innerHTML;
    LogSave(str);
}

//
// 監視状態変更のログを作る
//
function makeStateLog(target, on) {
    var dateinfo = new Date();
    var year = dateinfo.getFullYear();
    var month = dateinfo.getMonth() + 1;
    var day = dateinfo.getDate();
    var hour = dateinfo.getHours();
    var minute = dateinfo.getMinutes();
    var second = dateinfo.getSeconds();
    var time;
    var proc = (on == 1) ? "の状態が [<b><font color=\"green\">ON</font></b>] になりました" : "の状態が [<b><font color=\"red\">OFF</font></b>] になりました";
    var str;

    month = doubleNumber(month);
    day = doubleNumber(day);
    hour = doubleNumber(hour);
    minute = doubleNumber(minute);
    second = doubleNumber(second);
    time = year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + second;
    str = time + " " + target + proc;
    logfd.innerHTML = str + "<br>" + logfd.innerHTML;
    LogSave(str);
}

//
// 1桁の数字を2桁にする(1->01)
//
function doubleNumber(num) {
    num += "";
    if (num.length === 1) {
        num = "0" + num;
    }
    return num;
}

//
// 端末の登録を行う
//
function registDevice1() {
    var i, num, ret;
    var target = document.forms.id_target_form.elements.target.value;
    var comment = document.forms.id_target_form.elements.comment.value;
    var confirm = document.getElementById('confirm');
    var cmd;

    // IPアドレス入力チェック
    if (isValidIPaddress(target, 1))
        return;

    // コメント入力チェック
    if (comment.indexOf(',') != -1) {
        confirm.innerHTML = "<font color=\"red\">コメントに , は使用できません</font>";
        return;
    }

    // 設定数上限の確認
    if (tlist.rows.length == maxEntryNum + 1) {
        confirm.innerHTML = "<font color=\"red\">これ以上登録できません</font>";
        return;
    }

    // 管理者への昇格およびARPテーブルの更新
    cmd = "nwolc -p " + target;
    cmdExecute(cmd);
    setTimeout(registDevice2, 1000);
}

function registDevice2() {
    var i, num;
    var ret = 0;
    var target = document.forms.id_target_form.elements.target.value;
    var comment = document.forms.id_target_form.elements.comment.value;
    var recover = document.forms.id_target_form.id_recover1.checked;
    var rows, cnt, rec, cmd;

    // 登録情報の上書き
    for (i = 1; i < tlist.rows.length; i++) {
        rows = tlist.rows[i];
        if (rows.cells[1].innerHTML == target) {
            rows.cells[3].innerHTML = comment;
            rows.cells[4].innerHTML = "確認中";
            if (recover == true)
                rows.cells[5].innerHTML = "自動起動";
            else
                rows.cells[5].innerHTML = "手動  <input type=\"button\" value=\"起動\" onclick=\"offPortUse(\'" + target + "\', 1);\">";
            return;
        }
    }

    // 端末の登録
    rows = tlist.insertRow(-1);
    rows.style.height = "40";
    num = tlist.rows.length;
    for (i = 0; i < 8; i++) {
        rows.insertCell(-1);
    }
    rows.cells[0].innerHTML = String(num - 1);
    rows.cells[1].innerHTML = target;
    rows.cells[2].innerHTML = "";
    rows.cells[3].innerHTML = comment;
    rows.cells[4].innerHTML = "確認中";
    if (recover == true)
        rows.cells[5].innerHTML = "自動起動";
    else
        rows.cells[5].innerHTML = "手動  <input type=\"button\" value=\"起動\" onclick=\"offPortUse(\'" + target + "\', 1);\">";
        rows.cells[6].innerHTML = "<input type=\"button\" value=\"停止\" onclick=\"StopComputer(\'" + target + "\');\">";
        rows.cells[7].innerHTML = "<input type=\"button\" value=\"削除\" onclick=\"deleteTarget(\'" + target + "\');\">";
        rows.style.textAlign = "center";


    // 端末毎のPing欠落回数の設定
    rows = clist.insertRow(-1);
    num = clist.rows.length;
    cnt = "cnt_" + target;
    rec = "rec_" + target;
    rows.insertCell(-1);
    rows.insertCell(-1);
    rows.cells[0].innerHTML = "<input type=\"hidden\" id=\"" + cnt + "\">";
    rows.cells[1].innerHTML = "<input type=\"hidden\" id=\"" + rec + "\">";
    document.getElementById(cnt).value = 0;
    document.getElementById(rec).value = 0;

    // MACアドレスと経路情報の取得と表示
    setTimeout(getMacAddress, 1000);

    return;
}

//
// 導出したMACアドレスを表示する
//
function showMacAddress(data) {
    var i, j;
    var str1 = JSON.stringify(data).split(',');
    var str2;
    var target_ip;
    var macaddr;

    for (i = 1; i < tlist.rows.length; i++) {
        target_ip = tlist.rows[i].cells[1].innerHTML;
        for (j = 0; j < str1.length; j++) {
            str1[j] = str1[j].replace(/{"|"}/g, '');
            str1[j] = str1[j].replace(/":"/g, ' ');
            str2 = str1[j].replace(/"/g, '');
            str2 = str2.split(' ');
            if (str2[0] == target_ip) {          // ip
                macaddr = str2[1].replace( /-/g , ':' );
                tlist.rows[i].cells[2].innerHTML = macaddr;
            }
        }
    }
}

//
// 現状の監視対象のリストを保存する
//
async function saveTargetList() {
   var i, str;
var rows, line = "";
   await DataClear();
   for (i = 1; i < tlist.rows.length; i++) {
//  async内のawaitから呼び出した関数(_sleep)からPromiseが返されるまで待機
       await _sleep(300);
       rows = tlist.rows[i];
       if (isValidIPaddress(rows.cells[1].innerHTML, 0))
           continue;
       rows.cells[0].style.backgroundColor = "#F83131";
       line = rows.cells[1].innerHTML + "," + rows.cells[2].innerHTML + "," + rows.cells[3].innerHTML + ",";
       str = rows.cells[5].innerHTML.split(" ");
       if (str[0] == "自動起動")
           line = line + "auto ";
       else
           line = line + "manual ";
       await DataSave(line);
       await _sleep(300);
       rows.cells[0].style.backgroundColor = "#7bdf2e";
   }
}

//
// sleep処理
//
function _sleep(ms) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
}

//
// データベースを保存する
//
function DataSave(data) {
dataurl = "database.php"

  $(function(){
    //ajax送信
    $.ajax({
        url : dataurl,
        type : "POST",
        dataType : 'json',
        data : {post_data:data},
        headers: {
         "Authorization": "Basic " + btoa(authuser + ":" + authpass)
        },
        xhrFields: {
          withCredentials: true
        }
    });
  });
}

//
// 現状の監視対象のリストをIPアドレスで並び替えする
//
function datasort() {
dataurl = "datasort.php"

  $(function(){
    //ajax送信
    $.ajax({
        url : dataurl,
        type : "POST",
        dataType : 'json',
        headers: {
         "Authorization": "Basic " + btoa(authuser + ":" + authpass)
        }
    }).always(
        function() {
           location.reload(true);
        }
      );
  });
}

//
// コンピューターを停止する
//
function StopComputer(target) {
  var i;
  var ipaddr;
  var macaddr;
  var pstatus;

  for (i = 1; i < tlist.rows.length; i++) {
      if (tlist.rows[i].cells[1].innerHTML == target) {
          ipaddr = tlist.rows[i].cells[1].innerHTML;
          macaddr = tlist.rows[i].cells[2].innerHTML;
          pstatus = tlist.rows[i].cells[4].innerHTML;
          break;
      }
  }

  if (macaddr == "" || pstatus == "OFF") {
      return;
  }
  cmd0 = "PsShutdown -s \\\\" + ipaddr + idpass;
//  cmd0 = "PsShutdown -accepteula -s \\\\" + ipaddr + idpass;
  cmdExecute(cmd0);
  tlist.rows[i].cells[4].innerHTML = "停止処理中";
  tlist.rows[i].cells[4].style.backgroundColor = "#FF69B4";
  makePoeLog(1, target, 2);
}

//
// データベースを消去する
//
function DataClear() {
  datacurl = "dataclear.php"
  var xhr = new XMLHttpRequest();
  xhr.open('POST', datacurl);
  xhr.setRequestHeader("Authorization" , authstr);
  xhr.withCredentials = true;
  xhr.send();
}

//
// 監視対象一覧から1行削除する
//
function deleteTarget(target) {
    var i, rows;

    // tlistから削除
    for (i = 1; i < tlist.rows.length; i++) {
        if (tlist.rows[i].cells[1].innerHTML == target) {
            tlist.deleteRow(i);
            break;
        }
    }
    for (i = 1; i < tlist.rows.length; i++) {
        tlist.rows[i].cells[0].innerHTML = i;
    }

    // clistから削除
    for (i = 0; i < clist.rows.length; i++) {
        if (clist.rows[i].cells[0].innerHTML.indexOf("id=\"cnt_" + target + "\"") != -1) {
            clist.deleteRow(i);
            break;
        }
    }
}

//
// ログファイルを保存する
//
function LogSave(log) {
logurl = "logfile.php"

  $(function(){
    //ajax送信
    $.ajax({
        url : logurl,
        type : 'POST',
        dataType : 'json',
        data : {post_log:log},
        headers: {
         'Authorization': 'Basic ' + btoa(authuser + ':' + authpass)
        },
        xhrFields: {
          withCredentials: true
        }
    });
  });
}

//
//
// ログファイルを消去する
//
function LogClear() {
  logcurl = "logclear.php"
  var xhr = new XMLHttpRequest();
  xhr.open('POST', logcurl);
  xhr.setRequestHeader("Authorization" , authstr);
  xhr.withCredentials = true;
  xhr.send();
}

//
// ログファイルの削除とログフィールドのクリア
//
function clearLog() {
    logfd.innerHTML = "";
    LogClear();
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- wol.html -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script type="text/javascript" src="wol_monitor.js"></script>
    <link href="custom.css" rel="stylesheet" type="text/css"/>
<title>ネットワーク機器監視システム</title>
</head>

<body>

<!--監視対象の登録-->
<div id="register_field">
<img class="register_title_icon" src="register_icon.png" alt=""><h1 class="register_title">監視対象の登録</h1>
<form name="target_form" id="id_target_form" action="">
    <table border="1">
        <tbody>
            <tr>
                <td class="td">監視対象IPアドレス</td>
                <td><input type="text" name="target" id="id_target" maxlength="15"></td>
            </tr>
            <tr>
            <td class="td">機器名・コメント</td>
               <td><input type="text" name="comment" id="id_comment" maxlength="30"></td>
            </tr>
                <tr>
                <td class="td">WOL起動方法</td>
                <td><input type="radio" name="recover" id="id_recover1" value="auto">自動起動<br>
                   <input type="radio" name="recover" id="id_recover2" value="manual" checked="">手動起動</td>
           </tr>
      </tbody>
   </table>
   <div id="confirm"> </div>
   <div align="right"><input type="button" class="normal_button" value="登  録" onclick="registDevice1();"></div>
</form>
</div>

<hr>


<!--起動状況ログ-->
<div id="log_field">
    <img class="log_title_icon" src="log.png" alt=""><h1 class="log_title">起動状況ログ</h1>
    <div id="log" class="log"></div>
    <div> </div>
    <div align="right"><input type="button" class="normal_button" value="ログのクリア" onclick="clearLog();"></div>
</div>

<hr>

<!--監視対象一覧-->
<div id="list_field">
<div id="list_field_title">
    <img class="list_title_icon" src="camera.png" alt=""><h1 class="list_title">監視対象一覧</h1>
</div>
<div class="target_poe" id="target_poe"></div>
<table align="right">
<tr align="right" style="padding-bottom: 10px; margin-top: -20px;">
   <td> <input type="button" class="blink_button" value="監視対象情報を保存" onclick="saveTargetList();"/>
   <td> <input type="button" class="blink_button" value="並び替え" onclick="datasort();"/>
</tr>
</table>
<table border="1" id="target_list" width="100%"><tbody>
    <tr class="tr">
        <th width="6">№</th>
        <th width="130">IPアドレス</th>
        <th width="130">MACアドレス</th>
        <th>機器名・<br>コメント</th>
        <th width="100">状態</th>
        <th width="200">起動方法</th>
        <th width="100">停止</th>
        <th width="100">削除</th>
   </tr>
</tbody></table>

<table border="0" id="target_list_cnt"><tbody>
</tbody></table>
</div>

</body>
</html>