テーブル名とカラム名をリアルタイムに検索したくて作ったソースだったと思う。(2009年)



<center>
<table width="100%"><tr><td width="250px"><td>
<table border="0" height="100%" width="100%" style="color:white">
 <tr height="40px">
  <td align="top" width="50%">
   <B>テーブル検索</B>:<input type="text" name="tableName" value="テーブル名" onfocus="if(this.value=='テーブル名'){this.value='';}" onblur="search(this,titles,'answer-a')" onKeyDown="search(this,titles,'answer-a')" />
  <td align="top" width="50%">
   <B>カラム検索</B>:<input type="text" name="columName" value="カラム名" onfocus="if(this.value=='カラム名'){this.value='';}" onblur="search(this,colums,'answer-b')" onKeyUp="search(this,colums,'answer-b')" />
 </tr>
 <tr>
  <td>
   <div id="answer-a" style="font-size:12px;"></div>
  <td>
   <div id="answer-b" style="font-size:12px;"></div>
 </tr>
</table>
 </td>
 </tr>
</table>
</center>

<script>
function search(el,searchTable,id) { if (el) {
 var val = el.value; if (val) {
 var ret = new Array();
 var size = 0;
 var len = searchTable.length; if(len<=0) {clear(id);return;}
 for(var i=0; i<len ;i++){
  var word = searchTable[i];
  if (word.match(val)){
    ret[size] = word;
    size++;
  }
 }
 a = document.getElementById(id);
 a.innerHTML = ret.join('<br>')
} else { clear(id); }
}//else {alert("エレメントNull");}
}

function clear(id){a = document.getElementById(id); a.innerHTML = '';}

var titles = new Array(
"account_tbl,ACCOUNT_TBL,ACCOUNT_TBL",
"m_shipusrlst,M_SHIPUSRLST,お届け先マスタ",
"m_item,M_ITEM,アイテム区分マスタ",
"アクセスログt,アクセスログT,アクセスログT",
"m_category,M_CATEGORY,カテゴリーマスタ",
"t_log,T_LOG,ログテーブル",
"t_order_d,T_ORDER_D,受注テーブル明細",
"t_order_h,T_ORDER_H,受注ヘッダテーブル",
"m_prd,M_PRD,商品マスタ",
"m_storelist,M_STORELIST,店舗リストマスタ",
"m_section,M_SECTION,部署マスタ",
"t_repay_h,T_REPAY_H,返金ヘッダテーブル",
"t_repay_d,T_REPAY_D,返金明細テーブル",
"m_meisho,M_MEISHO,名称マスタ",
"m_postcode,M_POSTCODE,郵便番号",
"m_ymstpost,M_YMSTPOST,郵便番号対応仕分マスタ",
"t_reservation_h,T_RESERVATION_H,予約商品ヘッダテーブル",
"t_reservation_d,T_RESERVATION_D,予約商品明細テーブル"
);

var colums = new Array(
"mgpartnum,商品マスタ(完),MG品番,MGPARTNUM,VARCHAR2,9",
"emplcode,社員マスタ(完),社員コード,EMPLCODE,VARCHAR2,10",
"mgpartnum,工程管理テーブル(キャプション)(完),MG品番,MGPARTNUM,VARCHAR2,9",
"mgpartnum,素材テーブル(完),MG品番,MGPARTNUM,VARCHAR2,9",
"sitecode,企画別商品マスタ(完),ドメインサイトコード,SITECODE,VARCHAR2,10",
"updtermid,名称マスタ(完),更新端末ID,UPDTERMID,VARCHAR2,50",
"delflg,名称マスタ(完),削除フラグ,DELFLG,NUMBER,1",
"slipnum,予約商品(ヘッダ)(完),伝票番号,SLIPNUM,VARCHAR2,10",
"updtermid,予約商品(明細)(完),更新端末ID,UPDTERMID,VARCHAR2,50"
);
</script>

テーブル名とカラム名はテキトーです。

ついこの間までのプロジェクト、エクセルで管理してたけど、いちいち激重たいエクセルファイル開いてたリアルタイムに検索しづらかったな。これ使えば良かった…。

<私の好きなサイ本>

JavaScript 第6版