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,701
20년 전 조회 2,469
20년 전 조회 2,977
20년 전 조회 3,066
20년 전 조회 3,136
20년 전 조회 2,649
20년 전 조회 3,038
20년 전 조회 2,559
20년 전 조회 2,228
20년 전 조회 2,807
20년 전 조회 2,493
20년 전 조회 2,562
20년 전 조회 3,817
20년 전 조회 3,281
20년 전 조회 5,021
20년 전 조회 2,425
20년 전 조회 4,522
20년 전 조회 3,117
20년 전 조회 2,896
20년 전 조회 3,753
20년 전 조회 2,659
20년 전 조회 3,734
20년 전 조회 4,020
20년 전 조회 3,444
20년 전 조회 3,490
20년 전 조회 4,107
20년 전 조회 2,364
20년 전 조회 5,095
20년 전 조회 3,651
20년 전 조회 2,611
20년 전 조회 2,288
20년 전 조회 2,760
20년 전 조회 3,032
20년 전 조회 2,795
bbbking
20년 전 조회 5,780
20년 전 조회 2,709
bbbking
20년 전 조회 4,280
20년 전 조회 2,163
20년 전 조회 7,331
20년 전 조회 2,416
20년 전 조회 3,496
20년 전 조회 4,312
20년 전 조회 2,639
20년 전 조회 3,911
20년 전 조회 3,089
20년 전 조회 4,098
20년 전 조회 5,131
20년 전 조회 4,240
20년 전 조회 5,848
20년 전 조회 2,059
20년 전 조회 3,330
20년 전 조회 3,556
20년 전 조회 2,928
20년 전 조회 2,455
20년 전 조회 4,668
20년 전 조회 2,296
20년 전 조회 2,285
20년 전 조회 1,890
20년 전 조회 1,701
20년 전 조회 3,763
20년 전 조회 4,846
20년 전 조회 2,485
20년 전 조회 3,155
20년 전 조회 5,847
20년 전 조회 2,851
20년 전 조회 2,307
20년 전 조회 4,578
20년 전 조회 2,669
20년 전 조회 2,252
20년 전 조회 2,772
20년 전 조회 2,580
20년 전 조회 2,900
20년 전 조회 3,335
20년 전 조회 2,667
20년 전 조회 4,745
20년 전 조회 3,275
20년 전 조회 4,555
20년 전 조회 3,014
20년 전 조회 4,140
20년 전 조회 4,392
20년 전 조회 7,053
20년 전 조회 3,887
20년 전 조회 2,783
20년 전 조회 4,404
20년 전 조회 2,230
20년 전 조회 4,343
20년 전 조회 3,798
20년 전 조회 2,604
20년 전 조회 4,845
bbbking
20년 전 조회 2,547
20년 전 조회 4,512
20년 전 조회 3,565
20년 전 조회 3,589
20년 전 조회 3,834
20년 전 조회 3,220
20년 전 조회 5,927
20년 전 조회 2,948
20년 전 조회 5,861
bbbking
20년 전 조회 2,369
bbbking
20년 전 조회 1,786