r

mozilla DHTML ROWS INSERT & DELETE

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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
06-09-11 조회 3,259
06-09-10 조회 3,091
06-09-05 조회 5,420
06-09-02 조회 3,896
06-09-01 조회 3,244
06-09-01 조회 3,567
06-08-27 조회 3,348
06-08-27 조회 3,096
06-08-27 조회 2,871
06-08-27 조회 2,622
06-08-27 조회 2,533
06-08-25 조회 4,057
06-08-25 조회 2,593
06-08-23 조회 4,871
06-08-20 조회 3,610
06-08-19 조회 3,443
06-08-18 조회 2,873
06-08-18 조회 2,985
06-08-11 조회 4,144
06-08-10 조회 2,822
06-08-06 조회 4,490
06-08-05 조회 3,273
06-08-05 조회 2,768
06-07-31 조회 3,411
06-07-30 조회 2,953
06-07-29 조회 3,388
06-07-26 조회 2,899
06-07-26 조회 3,294
06-07-25 조회 3,765
06-07-20 조회 3,434
06-07-20 조회 3,712
06-07-19 조회 3,868
06-07-19 조회 2,939
06-07-19 조회 4,780
06-07-14 조회 3,724
06-07-13 조회 4,012
06-07-11 조회 3,075
06-07-11 조회 2,816
06-07-11 조회 4,769
06-07-11 조회 2,585
06-07-11 조회 2,950
06-06-24 조회 4,001
06-06-24 조회 3,464
06-06-13 조회 4,398
06-06-13 조회 3,305
06-06-11 조회 3,217
06-06-08 조회 3,257
06-06-08 조회 3,405
06-06-08 조회 3,829
06-06-07 조회 3,710
06-06-05 조회 3,920
06-06-02 조회 3,489
06-06-01 조회 4,157
06-05-28 조회 3,815
06-05-26 조회 4,368
06-05-22 조회 3,207
06-05-15 조회 3,677
06-05-14 조회 7,034
06-05-11 조회 3,578
06-05-11 조회 4,164
06-05-11 조회 3,629
06-05-11 조회 2,538
06-05-11 조회 2,811
06-05-11 조회 2,459
06-05-10 조회 3,949
06-05-09 조회 4,812
06-05-07 조회 2,616
06-05-07 조회 2,843
06-05-07 조회 2,556
06-05-06 조회 3,732
06-04-28 조회 3,398
06-04-25 조회 3,783
06-04-25 조회 3,518
06-04-22 조회 3,534
06-04-18 조회 4,533
06-04-14 조회 5,186
06-03-27 조회 3,834
06-03-06 조회 3,839
06-03-05 조회 5,149
06-02-24 조회 3,780
06-02-23 조회 4,195
06-02-22 조회 4,025
06-02-22 조회 3,326
06-01-15 조회 3,669
06-01-10 조회 3,629
06-01-05 조회 4,831
05-12-30 조회 5,555
05-12-23 조회 3,680
05-12-01 조회 3,402
05-09-29 조회 4,516
05-09-27 조회 4,898
05-09-22 조회 6,129
05-09-15 조회 3,052
05-09-08 조회 3,937
05-09-05 조회 5,647
05-09-01 조회 4,718
05-09-01 조회 5,850
05-08-21 조회 3,289
05-08-18 조회 3,639
05-08-17 조회 3,749