mozilla DHTML ROWS INSERT & DELETE

root

· 20년 전 · 조회 2031 2031

링크

http://threes.org/gnu3/?doc=bbs/gnuboard.php&bo_table=bwork&wr_id=308 (178)

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에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
127	아파치 무단링크 막기 [2] #개발자 #php	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3394
126	MySQL optimization 한글번역문서 (최영봉님 글) #개발자 #mysql	root 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3739
125	서브도메인 자동셋팅 Rewrite(리눅스 BIND, 아파치설정) [1] #개발자 #기타	ⓒⓒⓒ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	8551
124	불여우 iframe 에서 지원하는 on 이벤트 #개발자 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2615
123	불여우에서도 되는 메뉴 6 [4] #개발자 #기타	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3762
122	불여우에서도 되는 메뉴 5 [4] #개발자 #기타	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3216
121	불여우에서도 되는 메뉴 4 #개발자 #기타	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2611
120	불여우에서도 되는 메뉴 3 #개발자 #기타	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2681
119	불여우에서도 되는 메뉴 2 #개발자 #javascript	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2587
118	불여우에서도 되는 메뉴 1 [1] #개발자 #기타	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2869
117	NuxOne 2.1 배포판에 proftpd-1.2.10 설치한후 apache-2.0.52 php-5.0.3 mysql-4.1.8 설치하기 [2] #개발자 #mysql	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3046
116	[PHP 기초] 2차원 배열의 내용 임의 출력하기 #개발자 #기타	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5311
115	[PHP 기초] 배열에 임의 값 채우기 #개발자 #기타	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3918
114	document.all("Object명") vs document.getElementsByName("Object명") [1] #퍼블리셔 #html	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4962
113	셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수 #개발자 #javascript	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6234
112	[PHP 기초] 달력 만들기 [2] #개발자 #기타	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7353
111	[PHP 기초] 구구단표 만들기 #개발자 #기타	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	18369
110	정규식 (Regular Expression Functions) [1] #개발자 #php	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6833
109	MySQL 3.23.x에서 4.0.x로 업그레이드시 주의사항 #개발자 #mysql	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	2895
108	사용자 계정 및 계정 관리 #개발자 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	4169
107	RH7.3 설치후 해주어야 할것들 #개발자 #javascript	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	2488
106	Apache1.3.xx버전 설치후 httpd.conf 설정 #개발자 #php	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	4261
105	(자작)shell 프로그래밍으로 한꺼번에 많은 유저 생성하기 [1] #개발자 #기타	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	2917
104	한번만 submit 되게 합니다 #개발자 #기타	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	2250
103	영문자나 숫자만 입력 할 수 있습니다 #개발자 #기타	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	2478