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-02-19 조회 3,166
06-02-02 조회 5,507
06-01-27 조회 3,761
06-01-27 조회 3,546
06-01-26 조회 3,999
06-01-20 조회 4,141
06-01-19 조회 4,182
06-01-15 조회 3,706
06-01-13 조회 4,083
06-01-10 조회 3,674
06-01-10 조회 3,247
06-01-09 조회 3,865
06-01-05 조회 3,527
06-01-05 조회 3,604
06-01-05 조회 4,893
06-01-04 조회 4,354
06-01-04 조회 6,103
05-12-30 조회 3,447
05-12-30 조회 5,597
05-12-30 조회 4,223
05-12-29 조회 3,969
05-12-27 조회 4,829
05-12-23 조회 3,740
05-12-21 조회 4,913
05-12-21 조회 5,158
05-12-16 조회 4,589
05-12-09 조회 4,614
05-12-05 조회 5,218
05-12-01 조회 3,449
05-11-30 조회 6,211
05-11-30 조회 4,758
05-11-29 조회 3,674
05-11-26 조회 3,338
05-11-10 조회 3,789
05-11-09 조회 4,113
05-11-09 조회 3,893
bbbking
05-11-05 조회 6,861
05-10-23 조회 3,767
bbbking
05-10-22 조회 5,388
05-10-20 조회 3,220
05-10-13 조회 8,417
05-10-09 조회 3,517
05-09-29 조회 4,558
05-09-28 조회 5,387
05-09-27 조회 3,656
05-09-27 조회 4,943
05-09-24 조회 4,164
05-09-23 조회 5,174
05-09-22 조회 6,169
05-09-22 조회 5,254
05-09-21 조회 6,918
05-09-15 조회 3,124
05-09-11 조회 4,318
05-09-08 조회 4,572
05-09-08 조회 3,978
05-09-08 조회 3,470
05-09-05 조회 5,687
05-09-04 조회 3,279
05-09-02 조회 3,243
05-09-02 조회 2,896
05-09-02 조회 2,682
05-09-01 조회 4,757
05-09-01 조회 5,890
05-08-31 조회 3,505
05-08-31 조회 4,186
05-08-25 조회 6,878
05-08-25 조회 3,895
05-08-21 조회 3,341
05-08-19 조회 5,593
05-08-18 조회 3,692
05-08-18 조회 3,290
05-08-17 조회 3,795
05-08-16 조회 3,653
05-08-14 조회 3,919
05-08-14 조회 4,400
05-08-08 조회 3,695
05-08-07 조회 5,770
05-08-05 조회 4,254
05-08-04 조회 5,590
05-08-01 조회 4,042
05-07-29 조회 5,159
05-07-29 조회 5,392
05-07-28 조회 8,063
05-07-27 조회 4,846
05-07-25 조회 3,775
05-07-24 조회 5,414
05-07-24 조회 3,236
05-07-22 조회 5,290
05-07-21 조회 4,766
05-07-21 조회 3,585
05-07-19 조회 5,858
bbbking
05-07-19 조회 3,513
05-07-16 조회 5,524
05-07-15 조회 4,613
05-07-14 조회 4,665
05-07-13 조회 4,822
05-07-12 조회 4,218
05-07-12 조회 6,952
05-07-11 조회 3,956
05-07-08 조회 6,831