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

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
20년 전 조회 2,762
20년 전 조회 2,535
20년 전 조회 3,037
20년 전 조회 3,125
20년 전 조회 3,204
20년 전 조회 2,718
20년 전 조회 3,107
20년 전 조회 2,632
20년 전 조회 2,298
20년 전 조회 2,857
20년 전 조회 2,562
20년 전 조회 2,623
20년 전 조회 3,872
20년 전 조회 3,349
20년 전 조회 5,087
20년 전 조회 2,501
20년 전 조회 4,586
20년 전 조회 3,186
20년 전 조회 2,963
20년 전 조회 3,816
20년 전 조회 2,726
20년 전 조회 3,806
20년 전 조회 4,090
20년 전 조회 3,506
20년 전 조회 3,561
20년 전 조회 4,178
20년 전 조회 2,428
20년 전 조회 5,157
20년 전 조회 3,722
20년 전 조회 2,674
20년 전 조회 2,359
20년 전 조회 2,812
20년 전 조회 3,097
20년 전 조회 2,865
bbbking
20년 전 조회 5,843
20년 전 조회 2,777
bbbking
20년 전 조회 4,351
20년 전 조회 2,227
20년 전 조회 7,402
20년 전 조회 2,490
20년 전 조회 3,562
20년 전 조회 4,373
20년 전 조회 2,703
20년 전 조회 3,982
20년 전 조회 3,150
20년 전 조회 4,159
20년 전 조회 5,184
20년 전 조회 4,303
20년 전 조회 5,921
20년 전 조회 2,121
20년 전 조회 3,397
20년 전 조회 3,610
20년 전 조회 3,000
20년 전 조회 2,516
20년 전 조회 4,733
20년 전 조회 2,360
20년 전 조회 2,344
20년 전 조회 1,967
20년 전 조회 1,760
20년 전 조회 3,836
20년 전 조회 4,914
20년 전 조회 2,550
20년 전 조회 3,222
20년 전 조회 5,909
20년 전 조회 2,917
20년 전 조회 2,370
20년 전 조회 4,644
20년 전 조회 2,733
20년 전 조회 2,315
20년 전 조회 2,837
20년 전 조회 2,635
20년 전 조회 2,951
20년 전 조회 3,403
20년 전 조회 2,734
20년 전 조회 4,806
20년 전 조회 3,337
20년 전 조회 4,620
20년 전 조회 3,080
20년 전 조회 4,200
20년 전 조회 4,447
20년 전 조회 7,118
20년 전 조회 3,944
20년 전 조회 2,834
20년 전 조회 4,470
20년 전 조회 2,289
20년 전 조회 4,396
20년 전 조회 3,859
20년 전 조회 2,661
20년 전 조회 4,907
bbbking
20년 전 조회 2,611
20년 전 조회 4,569
20년 전 조회 3,628
20년 전 조회 3,642
20년 전 조회 3,890
20년 전 조회 3,279
20년 전 조회 5,996
20년 전 조회 3,003
20년 전 조회 5,908
bbbking
20년 전 조회 2,425
bbbking
20년 전 조회 1,843