mozilla DHTML ROWS INSERT & DELETE

root

프로필 보기 이 회원 글보기

· 20년 전 · 조회 2016 2016

링크

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
17914	HTML php실명인증 한번만하면 쭈우욱^^ 1	개발자관리자	2,621	19년 전
1987	기타 사용자가 만드는 파일을 이용한 인증	코바리	1,965	19년 전
1985	MySQL rrdtool 사용하기 1	코바리	3,218	19년 전
1984	MySQL 다람쥐 메일(Squirrel Mail) 설치(FC1)	코바리	3,246	19년 전
1983	기타 붙여넣기 + 오른쪽 마우스 클릭 금지(익스만)	코바리	2,501	19년 전
1982	MySQL 메일,홈계정 쿼터 적용하기	코바리	2,581	19년 전
1981	기타 파일을 분할 압축방법	코바리	2,406	19년 전
1980	MySQL mysql 부팅시 실행 시키기	코바리	2,667	19년 전
1977	JavaScript mod_rewrite 모듈 설치 2	코바리	2,651	19년 전
1975	MySQL phpMyadmin 웹호스팅 설정 1	코바리	3,129	19년 전
1968	기타 [펌]잘못된 PHP 코딩 스타일 6	izen	2,845	19년 전
1944	기타 머리카락 패스따기 23	봄이오면	5,253	19년 전
1940	Flash 초짜의 MovieClip을 이용한 Intro 페이지 연습 3	Wangcho	2,082	19년 전
1938	Flash 초짜의 Menu_Sliding(아래 연습의 응용 결과물) 1	Wangcho	2,162	19년 전
1936	Flash 초짜의 Fade_Out_Effect 연습 1	Wangcho	1,973	19년 전
1934	Flash 초짜의 Shadow_Effect 연습 1	Wangcho	1,902	19년 전
1932	Flash 초짜의 Shape Draw_Effect 연습 1	Wangcho	1,904	19년 전
1930	Flash 초짜의 Typo_Graphy 트위닝 연습 1	Wangcho	2,101	19년 전
1901	Flash 플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 28	뜨락의이름	3,172	19년 전
1858	Flash 플래시 네비게이션 맨땅에 헤딩하기 -14- 네비게이션에 날개달기.. 42	뜨락의이름	3,044	19년 전
1813	Flash 플래시 네비게이션 맨땅에 헤딩하기 -13- 세단계 진화하는 네비게이션(2) 44	뜨락의이름	2,816	19년 전
1790	Flash 플래시 네비게이션 맨땅에 헤딩하기 -12- 세단계 진화하는 네비게이션(1) 22	뜨락의이름	2,516	19년 전
1750	Flash 플래시 네비게이션 맨땅에 헤딩하기 -11- 두단계 진화하는 네비게이션 39	뜨락의이름	2,596	19년 전
1738	Flash 플래시 네비게이션 맨땅에 헤딩하기 -참여 하고 계신 분들께- 11	뜨락의이름	2,259	19년 전
1721	Flash 플래시 네비게이션 맨땅에 헤딩하기 -10- 한단계 진화하는 네비게이션 16	뜨락의이름	2,303	19년 전

이전 다음

전체 목록