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

프로그램

+
제목 글쓴이 날짜 조회
19년 전 조회 2,654
19년 전 조회 2,433
19년 전 조회 2,939
20년 전 조회 3,032
20년 전 조회 3,089
20년 전 조회 2,618
20년 전 조회 2,996
20년 전 조회 2,523
20년 전 조회 2,184
20년 전 조회 2,766
20년 전 조회 2,452
20년 전 조회 2,524
20년 전 조회 3,780
20년 전 조회 3,253
20년 전 조회 4,972
20년 전 조회 2,395
20년 전 조회 4,486
20년 전 조회 3,086
20년 전 조회 2,863
20년 전 조회 3,708
20년 전 조회 2,626
20년 전 조회 3,705
20년 전 조회 3,978
20년 전 조회 3,405
20년 전 조회 3,455
20년 전 조회 4,074
20년 전 조회 2,328
20년 전 조회 5,065
20년 전 조회 3,622
20년 전 조회 2,570
20년 전 조회 2,252
20년 전 조회 2,710
20년 전 조회 2,998
20년 전 조회 2,767
bbbking
20년 전 조회 5,748
20년 전 조회 2,672
bbbking
20년 전 조회 4,250
20년 전 조회 2,120
20년 전 조회 7,281
20년 전 조회 2,385
20년 전 조회 3,461
20년 전 조회 4,269
20년 전 조회 2,590
20년 전 조회 3,880
20년 전 조회 3,042
20년 전 조회 4,070
20년 전 조회 5,094
20년 전 조회 4,202
20년 전 조회 5,819
20년 전 조회 2,022
20년 전 조회 3,281
20년 전 조회 3,513
20년 전 조회 2,899
20년 전 조회 2,411
20년 전 조회 4,637
20년 전 조회 2,246
20년 전 조회 2,240
20년 전 조회 1,846
20년 전 조회 1,656
20년 전 조회 3,738
20년 전 조회 4,816
20년 전 조회 2,429
20년 전 조회 3,113
20년 전 조회 5,820
20년 전 조회 2,811
20년 전 조회 2,282
20년 전 조회 4,546
20년 전 조회 2,637
20년 전 조회 2,217
20년 전 조회 2,746
20년 전 조회 2,549
20년 전 조회 2,862
20년 전 조회 3,304
20년 전 조회 2,620
20년 전 조회 4,697
20년 전 조회 3,224
20년 전 조회 4,528
20년 전 조회 2,982
20년 전 조회 4,106
20년 전 조회 4,338
20년 전 조회 7,009
20년 전 조회 3,838
20년 전 조회 2,735
20년 전 조회 4,374
20년 전 조회 2,184
20년 전 조회 4,304
20년 전 조회 3,762
20년 전 조회 2,559
20년 전 조회 4,793
bbbking
20년 전 조회 2,504
20년 전 조회 4,487
20년 전 조회 3,543
20년 전 조회 3,560
20년 전 조회 3,800
20년 전 조회 3,183
20년 전 조회 5,898
20년 전 조회 2,922
20년 전 조회 5,825
bbbking
20년 전 조회 2,342
bbbking
20년 전 조회 1,751
🐛 버그신고