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,849
20년 전 조회 2,607
20년 전 조회 3,120
20년 전 조회 3,209
20년 전 조회 3,280
20년 전 조회 2,799
20년 전 조회 3,192
20년 전 조회 2,713
20년 전 조회 2,378
20년 전 조회 2,936
20년 전 조회 2,647
20년 전 조회 2,703
20년 전 조회 3,958
20년 전 조회 3,418
20년 전 조회 5,169
20년 전 조회 2,573
20년 전 조회 4,683
20년 전 조회 3,268
20년 전 조회 3,053
20년 전 조회 3,894
20년 전 조회 2,809
20년 전 조회 3,886
20년 전 조회 4,163
20년 전 조회 3,583
20년 전 조회 3,626
20년 전 조회 4,257
20년 전 조회 2,505
20년 전 조회 5,233
20년 전 조회 3,799
20년 전 조회 2,753
20년 전 조회 2,438
20년 전 조회 2,898
20년 전 조회 3,171
20년 전 조회 2,942
bbbking
20년 전 조회 5,921
20년 전 조회 2,848
bbbking
20년 전 조회 4,433
20년 전 조회 2,312
20년 전 조회 7,476
20년 전 조회 2,569
20년 전 조회 3,645
20년 전 조회 4,450
20년 전 조회 2,775
20년 전 조회 4,062
20년 전 조회 3,230
20년 전 조회 4,234
20년 전 조회 5,266
20년 전 조회 4,373
20년 전 조회 5,999
20년 전 조회 2,197
20년 전 조회 3,468
20년 전 조회 3,692
20년 전 조회 3,075
20년 전 조회 2,586
20년 전 조회 4,820
20년 전 조회 2,436
20년 전 조회 2,415
20년 전 조회 2,035
20년 전 조회 1,830
20년 전 조회 3,912
20년 전 조회 4,996
20년 전 조회 2,627
20년 전 조회 3,297
20년 전 조회 5,987
20년 전 조회 2,987
20년 전 조회 2,448
20년 전 조회 4,723
20년 전 조회 2,805
20년 전 조회 2,390
20년 전 조회 2,914
20년 전 조회 2,721
20년 전 조회 3,031
20년 전 조회 3,481
20년 전 조회 2,803
20년 전 조회 4,895
20년 전 조회 3,425
20년 전 조회 4,694
20년 전 조회 3,160
20년 전 조회 4,283
20년 전 조회 4,535
20년 전 조회 7,193
20년 전 조회 4,025
20년 전 조회 2,920
20년 전 조회 4,552
20년 전 조회 2,368
20년 전 조회 4,486
20년 전 조회 3,939
20년 전 조회 2,753
20년 전 조회 4,989
bbbking
20년 전 조회 2,693
20년 전 조회 4,643
20년 전 조회 3,719
20년 전 조회 3,723
20년 전 조회 3,969
20년 전 조회 3,362
20년 전 조회 6,077
20년 전 조회 3,080
20년 전 조회 5,992
bbbking
20년 전 조회 2,510
bbbking
20년 전 조회 1,920