mozilla DHTML ROWS INSERT & DELETE

root

프로필 보기 이 회원 글보기

· 20년 전 · 조회 2017 2017

링크

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
2044	기타 CSS 사전 입니다. 11	Photofly	3,106	19년 전
12585	결재란 만들기 1	하기	2,895	19년 전
2043	기타 숨어있는 레이어에 마우스를 대면 외부문서를 슬라이딩 해 불러옵니다	Elbis	1,868	19년 전
2042	기타 프레임에서 사용하면 공간을 절약할 수 있는 폴더 트리형 메뉴 스크립트	Elbis	1,923	19년 전
2039	JavaScript 부드럽게 스크롤 되는 트리구조형 메뉴 스크립트 2	Elbis	3,117	19년 전
2038	기타 스타일 시트를 이용한 롤오버 버튼 메뉴 효과 나타내기	Elbis	2,335	19년 전
17977	HTML 롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴	Elbis	3,590	19년 전
2036	JavaScript 부드럽게 슬라이딩되는 MFX 메뉴에 롤오버 효과를 더한 메뉴 스크립트 1	Elbis	2,522	19년 전
2035	기타 마우스를 움직이면 화살표가 따라 움직이고, 클릭하면 화살표가 붙어 있는 롤오버 메뉴 스크립트 만들기	Elbis	1,827	19년 전
2034	기타 하부메뉴가 보였다가 숨겨졌다 하는 토글버튼이 있는 메뉴 스크립트	Elbis	2,438	19년 전
17976	HTML 위에서 하나씩 떨어지는 메뉴 스크립트	Elbis	1,701	19년 전
2033	기타 CSS 지원 여부에 따른 리다이렉트 시키기 스크립트	Elbis	1,377	19년 전
2032	JavaScript 이 브라우저로 몇페이지나 보았나??	Elbis	1,510	19년 전
17974	HTML 사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 1	Elbis	1,776	19년 전
17973	HTML 사용자 브라우저의 자바 버전 알려주기	Elbis	1,552	19년 전
2031	JavaScript 사용자 웹브라우저의 디폴트 언어에 따라 리다이렉트 시키기	Elbis	1,762	19년 전
2030	기타 반드시 첫페이지를 거쳐 들어와야 합니다	Elbis	1,541	19년 전
2029	기타 브라우저의 종류에 따라 다른 새로운 페이지 띄우기	Elbis	1,921	19년 전
17972	HTML 윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기	Elbis	1,817	19년 전
2028	기타 사용자 브라우저의 플러그인 상태에 따라 다른 페이지로 이동시키기	Elbis	1,416	19년 전
2027	JavaScript 사용자 브라우저의 펄러그인 목록 출력하기	Elbis	1,414	19년 전
2026	기타 사용자의 해상도에 따라 각기 다른 페이지로 리다이렉트 시키기	Elbis	1,331	19년 전
2025	기타 사이트의 해상도를 알려주고 해상도가 맞지 않으면 경고창을 띄우는 스크립트	Elbis	1,202	19년 전
17971	HTML 사용자 웹브라우저의 이름 알려주기	Elbis	1,375	19년 전
17970	HTML 사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등	Elbis	1,946	19년 전

이전 다음

전체 목록