<script>
function addRow() {
  var oRow = dyntbl1.insertRow();
  oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
  var oCell1 = oRow.insertCell();
  var oCell2 = oRow.insertCell();
  var oCell3 = oRow.insertCell();
  var oCell4 = oRow.insertCell();
  oCell1.innerHTML = "<input type=text name=itemcode>";
  oCell2.innerHTML = "<input type=text name=itemname>";
  oCell3.innerHTML = "<input type=text name=itemnum>";
  oCell4.innerHTML = "<input type=button value=\" X \" onClick=\"delRow()\">";
  document.recalc();
}
function delRow() {
  dyntbl1.deleteRow(dyntbl1.clickedRowIndex);
}

function fixscreen() {
  var buffer = document.all.item(0).outerHTML;
  document.open("text/html", "replace");
  document.write(buffer);
  document.close();
}



function addCol() {
  var vCell,tmp;
  for (var i=0; i<dyntbl1.rows.length; i++) {
    tmp=dyntbl1.rows[i].cells[dyntbl1.rows[i].cells.length-1].cloneNode(true);
    dyntbl1.rows[i].deleteCell();
    vCell=dyntbl1.rows[i].insertCell();
    vCell.innerHTML=i==0?"<input type=button value=' X ' onclick='delCol(parentNode.cellIndex)'>":"&nbsp;";
    vCell=dyntbl1.rows[i].insertCell();
    vCell.innerHTML=tmp.innerHTML;
  }
}
function delCol(idx) {
  for (var i=0; i<dyntbl1.rows.length; i++) {
    dyntbl1.rows[i].cells[idx].removeNode();
  }
}


</script>
 <form>
<input type=button value="화면고정" onClick="fixscreen()">
<table id=dyntbl1 border=1>
  <tr>
    <th>품목코드</th>
    <th>품목명</th>
    <th>갯수</th>
    <th><input type=button value=" + " onClick="addRow()"><input type=button value=" + " onClick="addCol()"></th>
  </tr>
  <tr onMouseOver="dyntbl1.clickedRowIndex=this.rowIndex">
    <td><input type=text name=itemcode></td>
    <td><input type=text name=itemname></td>
    <td><input type=text name=itemnum></td>
    <td><input type=button name=dyntbl1_delRow value=" X " onClick="delRow()"></td>
  </tr>
  <tr onMouseOver="dyntbl1.clickedRowIndex=this.rowIndex">
    <td><input type=text name=itemcode></td>
    <td><input type=text name=itemname></td>
    <td><input type=text name=itemnum></td>
    <td><input type=button name=dyntbl1_delRow value=" X " onClick="delRow()"></td>
  </tr>
</table>
</form>

</body>
</html>

Posted by 자스

블로그 이미지
자스

공지사항

Yesterday
Today
Total

달력

 « |  » 2025.7
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

최근에 올라온 글

최근에 달린 댓글

글 보관함