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-05-30 조회 3,753
06-05-30 조회 3,456
06-05-29 조회 5,477
06-05-29 조회 3,523
06-05-28 조회 3,848
06-05-26 조회 4,546
06-05-26 조회 4,835
06-05-26 조회 4,408
06-05-24 조회 3,569
06-05-24 조회 4,151
06-05-24 조회 5,033
06-05-24 조회 4,945
06-05-23 조회 2,775
06-05-22 조회 3,235
06-05-20 조회 6,492
06-05-20 조회 7,856
06-05-18 조회 3,614
06-05-18 조회 3,177
06-05-17 조회 3,660
06-05-16 조회 4,411
06-05-15 조회 4,574
06-05-15 조회 4,050
06-05-15 조회 3,723
06-05-14 조회 5,807
06-05-14 조회 7,835
06-05-14 조회 6,108
06-05-14 조회 7,071
06-05-13 조회 3,740
06-05-13 조회 3,642
06-05-13 조회 3,372
06-05-13 조회 3,460
06-05-12 조회 5,692
06-05-12 조회 5,749
06-05-12 조회 3,688
06-05-12 조회 3,261
06-05-11 조회 3,618
06-05-11 조회 4,218
06-05-11 조회 3,950
06-05-11 조회 2,959
06-05-11 조회 3,019
06-05-11 조회 4,201
06-05-11 조회 3,421
06-05-11 조회 4,632
06-05-11 조회 3,663
06-05-11 조회 2,919
06-05-11 조회 3,531
06-05-11 조회 2,798
06-05-11 조회 2,493
06-05-11 조회 2,572
06-05-11 조회 2,896
06-05-11 조회 2,616
06-05-11 조회 2,842
06-05-11 조회 2,614
06-05-11 조회 3,013
06-05-11 조회 2,915
06-05-11 조회 2,558
06-05-11 조회 2,496
06-05-11 조회 2,415
06-05-11 조회 2,275
06-05-11 조회 2,475
06-05-11 조회 3,019
06-05-10 조회 3,514
06-05-10 조회 3,985
06-05-10 조회 3,419
06-05-10 조회 2,867
06-05-09 조회 8,189
06-05-09 조회 4,858
06-05-09 조회 3,399
06-05-09 조회 3,509
06-05-08 조회 3,944
06-05-08 조회 6,804
06-05-08 조회 6,630
06-05-08 조회 3,300
06-05-08 조회 4,392
06-05-07 조회 4,002
06-05-07 조회 3,297
06-05-07 조회 3,856
06-05-07 조회 2,657
06-05-07 조회 2,801
06-05-07 조회 2,878
06-05-07 조회 3,088
06-05-07 조회 2,774
06-05-07 조회 2,886
06-05-07 조회 2,799
06-05-07 조회 2,875
06-05-07 조회 2,595
06-05-07 조회 3,713
06-05-06 조회 3,041
06-05-06 조회 4,309
06-05-06 조회 4,393
06-05-06 조회 3,598
06-05-06 조회 3,717
06-05-06 조회 3,517
06-05-06 조회 3,774
06-05-06 조회 3,768
06-05-06 조회 4,225
06-05-06 조회 4,026
06-05-03 조회 6,382
06-05-02 조회 3,222
06-05-01 조회 3,226