웹모아

웹모아[손님]

웹모아

폼태그(입력)

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

2007-09-05 17:54:30

댓글:(0) 조회:573

<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 / 5

select박스에 텍스트 벨류를요 카페에서 메뉴를
통합게시판 사진게시판 그림게시판 스탭게시판 메모게시판 출석부 그룹 제목 구분선 링크 조회(576)

iframe 에서 text field 값 얻어 오기
[script language="javascript"] function goreset() { v = document.frames['skinAdFrame'].aaa.value; alert(v); } [/script]조회(694)

select 상자 그룹 예제
BBC iPlayer - Radio - dropdown navigation Select a Radio Station Radio 1 1Xtra Radio 2 Radio 3 Radio 4 Radio 5 live Radio 5 live Sports Extra 6 조회(599)

숫자만, 영문만, 한글만 입력하고 싶을 때
function chkchar(obj,type) { var rrr=chk_char_type(obj.value,type); if (!rrr) obj.value = ''; return; } function chk_char_type(str,mode) { 조회(979)

INPUT : 숫자만 입력하기
1. INPUT 태그내에서 한줄처리 onKeypress = "if(event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" 2. function 처리 스크립트에 함수 생성 function onlyNumber(){ if((event.keyCode57))조회(683)

입력박스에 특수문자 입력못하게 하려면
조회(635)

row 추가 2
function rrr(){ //------------------자바스크립트의 함수부분(행추가)------------------ oRow = document.createElement('tr'); oCel0 = document.createElement('td'); oCel1 = document.createElement('td'); oRo조회(648)

[RE] row 추가 2 - 테이블이름 지정
var fNum = 1; function uploaderImage(tbname) { // alert(tbname); if(fNum > 5000) { return false; } else { 조회(659)

[RE] row 추가 2 - 테이블이름 지정-삭제
var fNum = 1; function getObj() { var obj = event.srcElement while (obj.tagName !='TD') //TD가 나올때까지의 Object추출 { obj = obj.parentElement 조회(574)

추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크
var fNum = 1; function uploaderImage() { if(fNum > 5000) { return false; } else { var Tbl = document.getElemen조회(601)

≪ [1] [2] [3] [4] [5] ≫

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