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,906
20년 전 조회 2,659
20년 전 조회 3,163
20년 전 조회 3,265
20년 전 조회 3,328
20년 전 조회 2,866
20년 전 조회 3,243
20년 전 조회 2,776
20년 전 조회 2,425
20년 전 조회 2,991
20년 전 조회 2,691
20년 전 조회 2,749
20년 전 조회 4,020
20년 전 조회 3,484
20년 전 조회 5,224
20년 전 조회 2,620
20년 전 조회 4,736
20년 전 조회 3,326
20년 전 조회 3,103
20년 전 조회 3,952
20년 전 조회 2,870
20년 전 조회 3,941
20년 전 조회 4,236
20년 전 조회 3,653
20년 전 조회 3,675
20년 전 조회 4,319
20년 전 조회 2,560
20년 전 조회 5,288
20년 전 조회 3,848
20년 전 조회 2,824
20년 전 조회 2,500
20년 전 조회 2,954
20년 전 조회 3,235
20년 전 조회 3,008
bbbking
20년 전 조회 5,976
20년 전 조회 2,908
bbbking
20년 전 조회 4,489
20년 전 조회 2,370
20년 전 조회 7,529
20년 전 조회 2,631
20년 전 조회 3,701
20년 전 조회 4,499
20년 전 조회 2,823
20년 전 조회 4,115
20년 전 조회 3,279
20년 전 조회 4,293
20년 전 조회 5,319
20년 전 조회 4,426
20년 전 조회 6,048
20년 전 조회 2,262
20년 전 조회 3,511
20년 전 조회 3,736
20년 전 조회 3,132
20년 전 조회 2,643
20년 전 조회 4,873
20년 전 조회 2,480
20년 전 조회 2,462
20년 전 조회 2,077
20년 전 조회 1,880
20년 전 조회 3,953
20년 전 조회 5,047
20년 전 조회 2,672
20년 전 조회 3,349
20년 전 조회 6,039
20년 전 조회 3,038
20년 전 조회 2,511
20년 전 조회 4,776
20년 전 조회 2,853
20년 전 조회 2,434
20년 전 조회 2,972
20년 전 조회 2,779
20년 전 조회 3,092
20년 전 조회 3,541
20년 전 조회 2,846
20년 전 조회 4,941
20년 전 조회 3,476
20년 전 조회 4,743
20년 전 조회 3,210
20년 전 조회 4,339
20년 전 조회 4,584
20년 전 조회 7,230
20년 전 조회 4,065
20년 전 조회 2,965
20년 전 조회 4,601
20년 전 조회 2,410
20년 전 조회 4,520
20년 전 조회 3,971
20년 전 조회 2,790
20년 전 조회 5,031
bbbking
20년 전 조회 2,744
20년 전 조회 4,691
20년 전 조회 3,765
20년 전 조회 3,771
20년 전 조회 4,011
20년 전 조회 3,405
20년 전 조회 6,108
20년 전 조회 3,132
20년 전 조회 6,034
bbbking
20년 전 조회 2,557
bbbking
20년 전 조회 1,962