%!: /header.html

<script>

function ajax_request(url) {
  try {
    var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
    request.open("GET", url, false);
    request.send(null);
    return request.responseText;
  }
  catch (e) {
    alert("AJAX request failed:\n"+e);
    return "";
  }
}

function execute() {
  var inputfield=document.getElementById("inputfield");
  var outputfield=document.getElementById("outputfield");
  var result=ajax_request("io?"+inputfield.value);
  outputfield.value=result;
}

</script>

<h1>I/O Status</h1>
<table>
  <tr>
    <td>
      <pre>%! portstatus</pre>
    </td>
    <td>
      <pre>%! adcstatus</pre>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <pre>%! portXLstatus</pre>
    </td>
  </tr>
</table>

<p>
  The following form executes I/O commands via JavaScript:
  <form action="javascript:execute()">
    <table>
      <tr>
        <td>Command:</td>
        <td><input id="inputfield" type="text" size="20"><input type="submit" value="Ok"></td>
      </tr>
      <tr>
        <td>Result:</td>
        <td><input id="outputfield" type="text" size="20" readonly></td>
      </tr>
    </table>
  </form>
</p>
<p>
  The status display above refreshes only when you click on the reload button.
</p>

    </div>
  </body>
</html>