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,800
20년 전 조회 2,566
20년 전 조회 3,079
20년 전 조회 3,169
20년 전 조회 3,236
20년 전 조회 2,759
20년 전 조회 3,147
20년 전 조회 2,674
20년 전 조회 2,330
20년 전 조회 2,897
20년 전 조회 2,605
20년 전 조회 2,659
20년 전 조회 3,916
20년 전 조회 3,387
20년 전 조회 5,130
20년 전 조회 2,534
20년 전 조회 4,630
20년 전 조회 3,228
20년 전 조회 3,013
20년 전 조회 3,854
20년 전 조회 2,763
20년 전 조회 3,847
20년 전 조회 4,124
20년 전 조회 3,544
20년 전 조회 3,588
20년 전 조회 4,215
20년 전 조회 2,468
20년 전 조회 5,194
20년 전 조회 3,759
20년 전 조회 2,714
20년 전 조회 2,394
20년 전 조회 2,849
20년 전 조회 3,134
20년 전 조회 2,901
bbbking
20년 전 조회 5,887
20년 전 조회 2,810
bbbking
20년 전 조회 4,391
20년 전 조회 2,260
20년 전 조회 7,441
20년 전 조회 2,526
20년 전 조회 3,606
20년 전 조회 4,410
20년 전 조회 2,738
20년 전 조회 4,020
20년 전 조회 3,188
20년 전 조회 4,195
20년 전 조회 5,224
20년 전 조회 4,333
20년 전 조회 5,961
20년 전 조회 2,162
20년 전 조회 3,427
20년 전 조회 3,646
20년 전 조회 3,036
20년 전 조회 2,548
20년 전 조회 4,776
20년 전 조회 2,404
20년 전 조회 2,376
20년 전 조회 2,000
20년 전 조회 1,801
20년 전 조회 3,875
20년 전 조회 4,959
20년 전 조회 2,585
20년 전 조회 3,256
20년 전 조회 5,951
20년 전 조회 2,950
20년 전 조회 2,413
20년 전 조회 4,684
20년 전 조회 2,765
20년 전 조회 2,348
20년 전 조회 2,871
20년 전 조회 2,679
20년 전 조회 2,993
20년 전 조회 3,440
20년 전 조회 2,770
20년 전 조회 4,854
20년 전 조회 3,380
20년 전 조회 4,652
20년 전 조회 3,121
20년 전 조회 4,243
20년 전 조회 4,484
20년 전 조회 7,150
20년 전 조회 3,982
20년 전 조회 2,879
20년 전 조회 4,507
20년 전 조회 2,331
20년 전 조회 4,440
20년 전 조회 3,897
20년 전 조회 2,707
20년 전 조회 4,946
bbbking
20년 전 조회 2,647
20년 전 조회 4,606
20년 전 조회 3,671
20년 전 조회 3,680
20년 전 조회 3,931
20년 전 조회 3,317
20년 전 조회 6,030
20년 전 조회 3,040
20년 전 조회 5,944
bbbking
20년 전 조회 2,463
bbbking
20년 전 조회 1,882