mozilla DHTML ROWS INSERT & DELETE

root

· 20년 전 · 조회 2019 2019

링크

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
951	기타 [HTML] 기본 구조 1	유아원	2,176	20년 전
946	기타 사진 올라가는 효과~ 4	수다쟁이오도리씨	4,302	20년 전
942	기타 iframe 사이즈 페이지에 맞게 자동 조절 3	나라오름	3,755	20년 전
937	기타 타이틀바에도 시계넣기=33 4	=33	2,550	20년 전
933	기타 필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용) 3	신이z	4,785	20년 전
928	기타 타입 툴사용시 팁 4	bbking	2,497	20년 전
925	JavaScript 쓸모있는 'border-collapse' 속성 2	이근우	4,481	20년 전
923	Linux 페도라 리눅스 시디1장으로 설치하기 1	안전모	3,540	20년 전
922	MySQL [펌] MySQL 3.23.52 -> 4.0.17 버전으로 업그레이드 설치하는법	관리자	3,557	20년 전
17851	HTML IE - 스크롤바 색상의 정확한 적용 2	이근우	3,784	20년 전
921	기타 Warning: Illegal offset type in /home/account/xxx.php on line n	관리자	3,173	20년 전
918	기타 게시판 이나 테이블 <TD>값에 배경이미지 고정하기 2	yesmoa	5,888	20년 전
17849	HTML HTML Utopia:Designing Without Tables Using CSS 1	바세린	2,904	20년 전
915	기타 이미지를 미리 불러올(Preload) 필요가 없는 CSS Image Rollover 2	이근우	5,816	20년 전
914	JavaScript 움직임이 자연스러운 자바시계	bbking	2,334	20년 전
913	기타 당신의 홈피에 머문시간을 상태표시줄에 보여주기.	bbking	1,748	20년 전
909	JavaScript 마우스 cursor 3	bbking	2,115	20년 전
908	기타 그림자가 있는 글자	bbking	3,504	20년 전
905	기타 6개국 시간 2	bbking	2,009	20년 전
901	기타 css_table 1	bbking	4,374	20년 전
903	기타 └Re: css_table 1	낭망백수	3,356	20년 전
899	기타 iframe 의 크기를 자동으로 지정 1	bbking	2,179	20년 전
893	JavaScript 일러스트에서 한글 자판이 안먹힐때. 5	bbking	7,751	20년 전
888	Flash 이미지 없이 CSS로 둥근 모서리 구현하기 4	까만도둑	5,509	20년 전
886	기타 간결,빠름,불여우,익스 : 레이어 메뉴 1	플록	2,960	20년 전

이전 다음

전체 목록