웹모아

폼태그(입력)

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

2007-09-05 17:54:30

댓글:(0) 조회:610

<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박스에 텍스트 벨류를요 카페에서 메뉴를	625
△iframe 에서 text field 값 얻어 오기	775
△select 상자 그룹 예제	644
△ 숫자만, 영문만, 한글만 입력하고 싶을 때	1020
△INPUT : 숫자만 입력하기	730
△입력박스에 특수문자 입력못하게 하려면	712
△row 추가 2	688
△ [RE] row 추가 2 - 테이블이름 지정	699
△ [RE] row 추가 2 - 테이블이름 지정-삭제	611
△추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크	644
△row 추가	702
△테이불 추가 스크립트	791
△입력박스에 안내메세지 넣기(홈마스타)	812
△동적으로 객체를 변경하는 자바스크립트(홈마스타)	714
△자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)	615

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

≪ [1] [2] ≫

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

최근 글 [손님]
△수평 스크롤 금지									9
△mySQL 내가 원하는 자료가 어느번째에 있는지 확인하는법									10
△MySQL 검색된 데이터들 중 특정 데이터가 몇번째 위치하는지									154
△XtraBackup을 이용한 MySQL 백업 및 복구									163
△한글을 글자단위로 분리 - 문자열 분리									322
△웹 사이트 속도 개선 방법									515
△MariaDB 설정 파일 my.cnf									1287
△centOS7 hostname 바꾸기 (hostnamectl)									471
△centOS7 SSD, HDD 읽기 쓰기 속도 테스트									543
△필드의 조건에 따른 순차정리									298
△중복자료 검사 sql 구분									459
△중복 글등록을 방지하는 간단한 팁									4057
△php에서 mysql 사용시 기본 흐름									977
△MySQL 기본 사용법 및 예제									1083
△이전 페이지 돌아가기 예제소스 코드보기									1326

인기 글 [손님]
△안드로이드 - 앱이 설치되지 않았습니다.								9518
△호가창 보는 법 (매매 방법)								6448
△마우스 우클릭, 복사방지 해제 프로그램 - spell 2.7								5271
△hosts 파일 수정과 특정 사이트 차단방법								4802
△만인에미디어 (030420)								4664
△label 태그								9068
△우리손주~얼마나 컸나								5229
△[홈마스타] (2) 이곳은 자유 게시판입니다.								5156
△(15) [RE] 영어동요								6030
△FCKeditor 설치법 정리								15972
△mysql 의 데이터를 NFS 로 연결해서 쓸때의 crash 에러 해결.(InnoDB)								8334
△1종보통을 독학 코스로 딸려고 생각중입니다								7549
△2009년 2월 2일현재 확인된 세계각국의 실시간 라디오듣기 채널입니다.								6748
△ffmpeg 를 이용해 썸네일을 추출 - Windows 용								6354
△(1) 운전면허 저렴하게 따는 법!								7394