mozilla DHTML ROWS INSERT & DELETE

root

· 20년 전 · 조회 2023 2023

링크

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
2367	JavaScript 마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능	한대호	3,712	19년 전
2365	기타 뽀유의 스타일시트 특별강좌 1	한대호	3,442	19년 전
18066	HTML 웹 폰트 적용 시키기 - 초보자용 -	한대호	3,386	19년 전
2364	JavaScript 접속때마다 음악 다르게 나오기	happycommunity	1,549	19년 전
2360	JavaScript img 태그에 border=0을 넣지 않고 적용 3	happycommunity	1,916	19년 전
2359	기타 스타일시트를 이용한 배경이미지 제어	happycommunity	1,843	19년 전
18065	HTML 페이지 자동 이동 방법 3가지!!!	한대호	2,507	19년 전
2357	MySQL MySQL DB 데이타 백업/복구 하는 방법 1	한대호	4,598	19년 전
18063	HTML body옆의 스크롤바흔적없애기 1	happycommunity	2,733	19년 전
2354	기타 소스훔쳐보기 2	happycommunity	1,908	19년 전
18062	HTML 마우스 오른쪽 버튼 사용금지	happycommunity	1,912	19년 전
18061	HTML 마우스 룰오버시 여러가지 효과내기	happycommunity	1,800	19년 전
2353	Flash 스위시 무비를 플래시에서 들여오기할 때	happycommunity	2,542	19년 전
2351	Flash SWF 파일 용량 줄이기 1	happycommunity	8,149	19년 전
2349	기타 일러스트에서 패스를 가져오자 1	happycommunity	2,709	19년 전
2347	기타 플래쉬에서팝업창띄우기 1	happycommunity	2,776	19년 전
2344	Flash 4. 자주 쓰는 플래시 액션스크립트 용어 2	happycommunity	3,028	19년 전
2343	Flash 3. 플래시 작업을 할 때 알아두면 좋은 것들	happycommunity	2,183	19년 전
2342	Flash 2. 무비 크기를 줄이기 위한 10가지 방법	happycommunity	2,195	19년 전
2341	Flash 1. 메뉴보다 빠른 단축키(Hot Key)들	happycommunity	2,162	19년 전
2339	Flash 여러가지팁 1	happycommunity	2,054	19년 전
2329	기타 제품사진 수정-보정하기 9	happycommunity	2,248	19년 전
18059	HTML 포토샾 팁 72가지 1	happycommunity	2,500	19년 전
2317	Flash 플래시 테두리 없애는 자바스크립트 자동 생성기입니다. 11	날아라짱가	3,065	19년 전
2314	기타 현재 페이지 URL 출력하기 2	지구인	2,321	19년 전

이전 다음

전체 목록