|
DHTML ROW 추가삭제 우측 이미지 선택 =>
 |
<html>
<head>
<title>mozilla DHTML ROWS INSERT & DELETE</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script lang="javascript">
function init(){
rowAdd();
}
function rowDelete(index) {
alert("삭제 : " + index);
ABCD.deleteRow(index);
}
function rowAdd() {
var rowcnt =document.all.ABCD.rows.length;
var r1;
var c1;
var strC1;
var sf_form = document.form;
r1 = ABCD.insertRow(rowcnt);
c1 = r1.insertCell(0);
strC1 ="<table height=5 border=0 cellpadding=0 cellspacing=0>";
strC1 +=" <tr><td>";
strC1 +=" </td></tr>";
strC1 +=" </table>";
strC1 +="<table width=655 border=0 cellpadding=0 cellspacing=1 border=1> ";
strC1 +=" <tr> ";
strC1 +=" <td height=20 width=15% align=center >코드선택 </td> ";
strC1 +=" <td width=20% >";
strC1 +=" <select name=test_code style=width:100%> ";
strC1 +=" <option value='0' align=center> - 구분코드 -";
strC1 +=" <option value='a'> a : TEST a";
strC1 +=" <option value='b'> b : TEST b";
strC1 +=" <option value='c'> c : TEST c";
strC1 +=" </select> ";
strC1 +=" </td> ";
strC1 +=" <td height=20 width=15% align=center>코드설명 </td> ";
strC1 +=" <td width=50%> <input type=text name=test_name size=20 > ";
if(rowcnt>0)
{
strC1+=" <img align=absmiddle src=del.gif border=0 name='sakje' value='삭제' alt='삭제이미지 : "+rowcnt+"' onClick='rowDelete(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.rowIndex);'>";
}
strC1 +=" </td> ";
strC1 +=" </tr> ";
strC1 +="</table> ";
c1.innerHTML = strC1;
}
function changeSelect()
{
var sf_form = document.form;
var cols = document.all.ABCD.rows.length-1;
for(i=0; i<cols; i++)
{
rowDelete(1);
}
rowAdd();
}
</script>
</head>
<body topmargin="0" leftmargin="12" onLoad="javascript:init();" >
<form name=form>
<table id=ABCD width=655 cellpadding="0" cellspacing="0" border="1">
<tr><td height="20" width="90%" align="center"></td></tr>
<tr>
<td height="20" width="90%" align="center">DHTML ROW 추가삭제 우측 이미지 선택 =>
<img align=absmiddle src=add.gif border=0 alt="로우추가이미지" onClick=javascript:rowAdd();></td>
</tr>
</table>
</form>
</body>
</html>
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
