20160628_jeffrey - silenceuncrio/diary GitHub Wiki

Index

0920 - base on CGI 作 web
1030 - CSS 複習
1115 - acl.htm
1720 - 老婆竹北東元婦產科
1745 - acl_cgi.sht
1820 - closure

0920

今天可以 base on 昨天的 CGI 來作 web 了
先以動起來為主, 不加任何的 CSS
就從 acl.htm 出發

1030

很難不使用 CSS, google 一下再複習一下

看一下 CSS 選擇器（Selectors）

1115

目前 acl.htm 暫定如下

<html>

<head>
<title>EFM Bridge</title>

<script type="text/javascript" src="./ajax/jquery-1.5.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
  $("input[type=text]").attr("maxlength", 2)
});
</script>

</head>

<link rel="stylesheet" type="text/css" href="./home/workwin.css" />

<style type="text/css">
input[type=text] {
  width:20px
}
</style>

<body>

  <h1>ADVANCED - MAC Filter</h1>
  <h2>MAC Filter Configuration:</h2>

  <table border=1>

  <tr>
    <th>ID</td>
    <th>EN</td>
    <th>SMAC</td>
    <th>DMAC</td>
  </tr>

  <tr>
    <th>1</td>
    <td><input TYPE="checkbox"></td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
  </tr>

  <tr>
    <th>1</td>
    <td><input TYPE="checkbox"></td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
  </tr>

  <tr>
    <th>1</td>
    <td><input TYPE="checkbox"></td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
  </tr>

  <tr>
    <th>1</td>
    <td><input TYPE="checkbox"></td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>
  </tr>

  </table>

  <hr>

  <div id="form_button" align=center>
    <a href="/bconfig/BCONFIG.SHT"  target="WorkWin"><img src="./images/cancel.gif" border=0></a>&nbsp;&nbsp;
    <a href="/aconfig/jVlanPrt.sht" target="WorkWin"><img src="./images/reset.gif"  border=0></a>&nbsp;&nbsp;
    <input type="image" src="./images/finish.gif" border=0>
  </div>

</body>
</html>

SMAC 和 DMAC 都是由六個輸入框所組成

    <td>
      <input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">:<input TYPE="text">
    </td>

每個輸入框最多輸入兩個字, 而且輸入框的寬度也要調整
最多輸入兩個字不能由 CSS 規範
比較簡潔的方式就是在 jquery 的 init function 裡去指定

<script type="text/javascript">
$(document).ready(function() {
  $("input[type=text]").attr("maxlength", 2)
});
</script>

輸入框的寬度可以透過 CSS 的 selector 一次調整

<style type="text/css">
input[type=text] {
  width:20px
}
</style>

真的是好一陣子沒寫網頁了
不過一下子就有手感了

1720

老婆下午到竹北東元看婦產科再次確認胎兒的狀況
確認沒有心跳
醫師建議做手術清除

我想就先對長輩隱瞞這件事
待清除後再次植入最多也不過兩個月
到時再說吧

這樣對老婆下次作植入的心情也比較有幫助

1745

acl_cgi.sht 需要在設計一下
分八次去要 configuration 的話就算中間間隔 500ms
5600N 還是回應不及

1820

不單純是回應不及的問題
牽涉到 closure 的觀念

這是出問題的

  if (local_test) {
    local_test_init();
  } else {
    var i = 1;
    var myInterval = setInterval(function(){
      console.log(i);
      $.get("/ajax/acl_cgi.sht", {'act': 'get', 'entry': i}, function(data) {
        mac_filter_tr_get_val(data, i);
      }, "json")
  
      i ++;
      if (i > 8) {
          clearInterval(myInterval);
      }
    }, xxx);
  }

這是沒出問題的

  if (local_test) {
    local_test_init();
  } else {
    var i = 1;
    var myInterval = setInterval(function(){
      console.log(i);
      var entry = i;
      $.get("/ajax/acl_cgi.sht", {'act': 'get', 'entry': entry}, function(data) {
        mac_filter_tr_get_val(data, entry);
      }, "json")
  
      i ++;
      if (i > 8) {
          clearInterval(myInterval);
      }
    }, xxx);
  }

可以在 mac_filter_tr_get_val() 一被呼叫就把 Idx 印出來看看就知道其中的問題了