웹모아

웹모아

폼태그(입력)

[RE] row 추가 2 - 테이블이름 지정-삭제기능 추가

2007-09-05 17:54:30

글자수:4368

<SCRIPT LANGUAGE="JavaScript">
var fNum = 1;
function getObj()
{
var obj = event.srcElement
while (obj.tagName !='TD') //TD가 나올때까지의 Object추출
{
obj = obj.parentElement
}
return obj
}
//클릭한 행 삭제하기
function delRow(tbname)
{
var idx = getObj().parentElement.rowIndex;
//해당 클릭행 삭제하기 위해 +1안함.
// var delnod=tbname+'.deleteRow (this.parentNode.parentNode.rowIndex)';
// var tRow = tb1.deleteRow(idx);

var tRow = eval(tbname+'.deleteRow(idx)');
}

function inRowLast(tbname) //맨 아래쪽에 테이블 추가하기
{
if(fNum > 5000) { return false; } //5000개 까지만 추가를 허용
else {
if(document.getElementById){ //익스플로어일때,
var Tbl = document.getElementById(tbname);
} else { //그외 브라우져일때..
var Tbl = document.all[tbname];
}

var tRow = Tbl.insertRow(); //그냥 맨 아래에 추가하므로, 별다른 변수없습니다.
var in_str="";
in_str += "<table width=\"700\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\" topmargin=0>";

                    in_str +="<tr><td bgcolor='<?=$itemBgColor?>' colspan=3 valign=top>";
                    in_str +="<b><font color=brown>교육 과목</font> : </b>";
                    in_str +="<select name='scoival[]' onchange='document.body.focus();' style='border:1 solid silver;'>";
                in_str +="<option value=''>==과목선택==</option>";
                in_str +="<option value='1'>장내기능</option>";
                            in_str +="<option value='2'>도로주행</option>";
                            in_str +="<option value='3'>도로연수</option>";
                            in_str +="<option value='4'>경력/전환</option>";
                       in_str +="</select>";
                in_str +="</td><td bgcolor='<?=$itemBgColor?>' align=right>";
                       in_str += "<a href=#; onclick=\"delRow('tb2');\"><input type=button value='삭제'></a>"; //삭제
                   in_str +="</td></tr>";
                   in_str +="<tr>";
                        in_str +="<td bgcolor='$itemBgColor' align='center' width='70'><font color='$VW_BODY_TITLE'>금액</font></td>";
                        in_str +="<td BGCOLOR='$contentBgColor' >";
                         in_str +="<input type='text' NAME='sangwon[]' size='10' maxlength='20' style='border:1 solid silver;'> 만원";
                        in_str +="</td>";
                        in_str +="<td bgcolor='$itemBgColor' align='center' width='70'><font color='$VW_BODY_TITLE'>시간</font></td>";
                        in_str +="<td BGCOLOR='$contentBgColor' >";
                         in_str +="<input type='text' NAME='sangtime[]' size='10' maxlength='20' style='border:1 solid silver; '>시간";
                        in_str +="</td>";
                   in_str +="</tr>";
                   in_str +="<tr>";
                        in_str +="<td bgcolor='$itemBgColor' align='center' width='70'><font color='$VW_BODY_TITLE'>특징</font></td>";
                        in_str +="<td BGCOLOR='$contentBgColor' colspan=3>";
                         //in_str +="<input type='text' NAME='sangbigo[]' size='91' maxlength='255' style='border:1 solid silver; '>";
                         in_str +="<textarea rows=3 cols=80 name='sangbigo[]'></textarea>";
                        in_str +="</td>";
                   in_str +="</tr>";
in_str += "</table>";

tRow.insertCell(0).innerHTML = in_str;
fNum++;
}
}//End of function

</script>
<a href="#;" onclick="inRowLast('tb2');">추가</A>
<table id="tb2" border=0 height=0 topmargin=0 valign=top>
</table>

실행해보기 (실행2)

댓글(0) <<더보기>>

폼태그(입력)

페이지: 1 / 2


select박스에 텍스트 벨류를요 카페에서 메뉴를	548
iframe 에서 text field 값 얻어 오기	672
select 상자 그룹 예제	583
숫자만, 영문만, 한글만 입력하고 싶을 때	953
INPUT : 숫자만 입력하기	654
입력박스에 특수문자 입력못하게 하려면	615
row 추가 2	631
[RE] row 추가 2 - 테이블이름 지정	636
[RE] row 추가 2 - 테이블이름 지정-삭제	551
추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크	583
row 추가	651
테이불 추가 스크립트	733
입력박스에 안내메세지 넣기(홈마스타)	746
동적으로 객체를 변경하는 자바스크립트(홈마스타)	658
자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)	560

[RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)	561
테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1)	798
폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)	612
폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)	633
폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)	565
아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)	690
iframe의 배경을 투명하게 하는법(홈마스타)	583
[RE] iframe의 배경을 투명하게 하는법(홈마스타)	521
레이어의 현재 마우스 위치(홈마스타)	578
레이어 감추기와 보이기 다른 예제(홈마스타)	576
레이어 감추기와 보이기 - select박스 보이기와(홈마스타)	594
[RE] 레이어 감추기와 보이기 - select박스(홈마스타)	827
[RE] 레이어 감추기와 보이기 - select박(홈마스타)	612
[RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)	574
body 태그 예제(홈마스타)	454

≪ [1] [2] ≫

복수단어 검색은 공백(space)로 구분해 주세요.

인기 글
공유기 iptime 펌웨어 업그레이드								3337
AVI 파일에서 오디오 순서 바꾸기 - VirtualDubMod								4466
정규식예제								3253
CKEDITOR 설치 및 설정								4979
[홈마스타] 자동링크								3044
MySQL에러 유형별 대처방법								10223
컴퓨터의 공인인증서 USB 로 복사								3360
[홈마스타] (1) BR 태그 제거 - 문장의 처음 나오는 것만 제거								4998
접속한 서버의 국가별정보를 알려주는 - 파이어폭스 확장기능 Flagfox								10034
[홈마스타] Select 꾸미기 optgroup 사용								6851
복사금지 해제 마우스 우클릭 금지 해제 - 구글 크롬 이용								4498
Internet Explorer가 사용자 컴퓨터를 보호하기 위해 이 웹 페이지를 닫았습니다								3068
웹페이지 인쇄 자 - 머리말 꼬리말을 없애자								3697
[홈마스타] (1) 파일명에 한글이 있는지 검사하는 정규식								3074
phpMyAdmin 로그인 세션 시간 늘이기								3441

최근 글
한글을 글자단위로 분리 - 문자열 분리									113
웹 사이트 속도 개선 방법									240
MariaDB 설정 파일 my.cnf									461
centOS7 hostname 바꾸기 (hostnamectl)									268
centOS7 SSD, HDD 읽기 쓰기 속도 테스트									271
필드의 조건에 따른 순차정리									169
중복자료 검사 sql 구분									240
중복 글등록을 방지하는 간단한 팁									3191
php에서 mysql 사용시 기본 흐름									844
MySQL 기본 사용법 및 예제									858
이전 페이지 돌아가기 예제소스 코드보기									1030
브라우저 체크									882
location.href 와 location.replace()									4147
phpMyAdmin 로그인 세션 시간 늘이기									3441
서버에 특정 파일이 있는지 확인, file_exists(), is_file()									3509