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,908
20년 전 조회 2,660
20년 전 조회 3,167
20년 전 조회 3,272
20년 전 조회 3,334
20년 전 조회 2,873
20년 전 조회 3,247
20년 전 조회 2,782
20년 전 조회 2,428
20년 전 조회 2,999
20년 전 조회 2,697
20년 전 조회 2,752
20년 전 조회 4,025
20년 전 조회 3,487
20년 전 조회 5,229
20년 전 조회 2,622
20년 전 조회 4,744
20년 전 조회 3,328
20년 전 조회 3,108
20년 전 조회 3,954
20년 전 조회 2,872
20년 전 조회 3,947
20년 전 조회 4,241
20년 전 조회 3,654
20년 전 조회 3,677
20년 전 조회 4,325
20년 전 조회 2,567
20년 전 조회 5,293
20년 전 조회 3,855
20년 전 조회 2,828
20년 전 조회 2,506
20년 전 조회 2,958
20년 전 조회 3,239
20년 전 조회 3,010
bbbking
20년 전 조회 5,982
20년 전 조회 2,914
bbbking
20년 전 조회 4,498
20년 전 조회 2,379
20년 전 조회 7,531
20년 전 조회 2,638
20년 전 조회 3,706
20년 전 조회 4,501
20년 전 조회 2,827
20년 전 조회 4,121
20년 전 조회 3,286
20년 전 조회 4,300
20년 전 조회 5,326
20년 전 조회 4,427
20년 전 조회 6,054
20년 전 조회 2,273
20년 전 조회 3,515
20년 전 조회 3,742
20년 전 조회 3,140
20년 전 조회 2,647
20년 전 조회 4,884
20년 전 조회 2,485
20년 전 조회 2,465
20년 전 조회 2,089
20년 전 조회 1,883
20년 전 조회 3,958
20년 전 조회 5,053
20년 전 조회 2,675
20년 전 조회 3,357
20년 전 조회 6,044
20년 전 조회 3,044
20년 전 조회 2,516
20년 전 조회 4,779
20년 전 조회 2,858
20년 전 조회 2,439
20년 전 조회 2,978
20년 전 조회 2,787
20년 전 조회 3,103
20년 전 조회 3,545
20년 전 조회 2,849
20년 전 조회 4,944
20년 전 조회 3,477
20년 전 조회 4,748
20년 전 조회 3,214
20년 전 조회 4,346
20년 전 조회 4,588
20년 전 조회 7,231
20년 전 조회 4,067
20년 전 조회 2,970
20년 전 조회 4,606
20년 전 조회 2,414
20년 전 조회 4,526
20년 전 조회 3,975
20년 전 조회 2,794
20년 전 조회 5,037
bbbking
20년 전 조회 2,746
20년 전 조회 4,695
20년 전 조회 3,770
20년 전 조회 3,777
20년 전 조회 4,012
20년 전 조회 3,409
20년 전 조회 6,113
20년 전 조회 3,135
20년 전 조회 6,039
bbbking
20년 전 조회 2,565
bbbking
20년 전 조회 1,964