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건
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,761
10-09-19 조회 2,796
10-09-15 조회 2,810
10-09-15 조회 4,218
10-09-15 조회 3,452
10-09-15 조회 2,544
10-09-07 조회 3,662
10-08-27 조회 4,121
10-06-11 조회 4,301
10-05-31 조회 2,548
10-02-27 조회 5,060
10-02-09 조회 3,806
09-10-10 조회 7,401
09-03-19 조회 3,254
09-02-09 조회 3,524
09-02-09 조회 4,571
08-11-01 조회 2,956
08-09-29 조회 4,611
08-09-26 조회 3,542
08-09-26 조회 3,616
08-09-26 조회 2,753
08-09-26 조회 3,795
08-09-26 조회 3,526
08-09-26 조회 4,295
08-09-18 조회 3,638
08-09-09 조회 3,272
08-08-28 조회 2,816
08-07-06 조회 3,580
08-05-21 조회 4,743
08-05-13 조회 4,588
08-04-17 조회 4,955
08-02-19 조회 3,572
08-01-18 조회 3,907
08-01-10 조회 3,868
07-10-22 조회 3,699
07-10-09 조회 4,366
07-10-03 조회 3,579
07-07-06 조회 4,247
07-07-06 조회 4,463
07-07-06 조회 4,080
07-06-28 조회 3,605
07-06-05 조회 3,621
07-06-05 조회 4,176
07-05-30 조회 3,333
07-05-02 조회 3,714
07-04-15 조회 5,201
07-04-11 조회 3,680
07-04-05 조회 3,980
07-03-31 조회 3,187
07-03-31 조회 4,160
07-03-30 조회 3,780
07-03-24 조회 4,036
07-03-22 조회 3,698
07-03-12 조회 4,453
07-02-16 조회 3,324
07-02-14 조회 5,203
07-02-10 조회 4,047
07-02-09 조회 4,430
07-01-19 조회 4,094
07-01-16 조회 5,027
06-12-16 조회 5,891
06-11-30 조회 3,648
06-11-25 조회 3,762
06-10-15 조회 5,113
06-09-26 조회 5,345
06-09-26 조회 5,470
06-09-22 조회 4,332
06-09-21 조회 3,575
06-09-21 조회 3,676
06-09-02 조회 3,521
06-08-08 조회 5,156
06-07-20 조회 3,783
06-07-17 조회 3,403
06-07-13 조회 4,231
06-07-11 조회 3,521
06-07-11 조회 3,523
06-07-11 조회 3,883
06-06-29 조회 6,125
06-06-19 조회 6,499
06-06-02 조회 3,563
06-05-24 조회 5,032
06-05-14 조회 7,831
06-05-08 조회 3,941
06-02-02 조회 5,498
05-12-16 조회 4,570
05-12-05 조회 5,203
05-06-28 조회 4,167
05-04-11 조회 4,116
05-04-11 조회 4,295
05-04-11 조회 3,355
05-03-13 조회 3,268
05-03-12 조회 4,328
04-12-08 조회 7,821
04-12-01 조회 5,226
04-11-28 조회 3,420
04-11-28 조회 3,249
04-08-05 조회 5,668
04-08-05 조회 5,013
04-08-05 조회 5,626