mozilla DHTML ROWS INSERT & DELETE

root

· 20년 전 · 조회 2014 2014

링크

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
1043	JavaScript 테이블 셀에 링크하는법 & 마우스 오버 5	고냉이	3,728	20년 전
1034	JavaScript a href 링크로 라디오박스 선택 8	고냉이	4,805	20년 전
1028	기타 레이어 팔레트 opacity 값 쉽게 조정하기 5	hwatta	2,421	20년 전
1026	기타 eaccelerator 소개 1	hanpedro	3,107	20년 전
1018	Flash Flv 플래쉬 플래이어 7	낭만폐인	5,803	20년 전
1013	기타 효과가 들어간 레이어를 일반 레이어로 바꾸기 4	hwatta	2,802	20년 전
1011	JavaScript home, end키 1	hwatta	2,274	20년 전
17855	HTML 특수문자 모음 5	yesmoa	4,535	20년 전
1010	JavaScript 콘솔 화면 보호기 끄기	This	2,636	20년 전
1009	기타 히스토리 지우는것 막기	This	2,210	20년 전
1007	JavaScript VSFTP에서는 PUBLIC_HTML에.... 1	kyodon	2,740	20년 전
17854	HTML mqueue 설정(센드메일속도 UP)	관리자	2,527	20년 전
1005	기타 서버보안에 강하다는 MyServerCop. 1	hanpedro	2,851	20년 전
998	MySQL apache + mysql + php 패키지 lampp를 소개합니다. 6	hanpedro	3,296	20년 전
997	기타 최근 리눅스 서버 기본 보안 정책...리눅스를 운영하시는 분은 꼭 필독하시고 적용해 주세요.^^	damoa.biz	2,607	20년 전
992	기타 출생년도 4자리를 이용하여 나이 환산하기 4	yesmoa	4,679	20년 전
989	기타 클릭하는 링크 점선 없애기 2	고냉이	3,212	20년 전
987	MySQL [펌]mysql매뉴얼 1	홀로남은자	4,522	20년 전
985	JavaScript 미리보기 소스 1	카이루	2,973	20년 전
976	Flash 물결치는 모습 8	노니맨	4,089	20년 전
972	기타 sendmail을 telnet상에서 곧바로 테스트 할 때 사용 3	관리자	4,329	20년 전
960	기타 이미지 없이 모서리 라운드 테이블 만들어 최신글 구현 11	웰빙낙도	6,999	20년 전
957	기타 액션 스크립만으로 윈도우창 띄우기 2	낭만아키	3,829	20년 전
956	기타 링크에 마우스를 대면 따라 떠 있는 레이어(풍선형 도움말)	고냉이	2,725	20년 전
953	JavaScript 403 Forbidden error 생길때 2	크리스탈처럼	4,365	20년 전

이전 다음

전체 목록