웹모아 
웹모아  로그인  회원가입   
웹모아
 
폼태그(입력)
  


  [RE] row 추가 2 - 테이블이름 지정-삭제기능 추가
  등록: 2007-09-05 17:54:30 조회:510


<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)



 

 





폼태그(입력)
 페이지: 1 / 2   

   ⊙select박스에 텍스트 벨류를요 카페에서 메뉴를 507
   ⊙iframe 에서 text field 값 얻어 오기626
   ⊙select 상자 그룹 예제531
   ⊙ 숫자만, 영문만, 한글만 입력하고 싶을 때895
   ⊙INPUT : 숫자만 입력하기594
   ⊙입력박스에 특수문자 입력못하게 하려면564
   ⊙row 추가 2584
   ⊙  [RE] row 추가 2 - 테이블이름 지정580
⊙    [RE] row 추가 2 - 테이블이름 지정-삭제511
   ⊙추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크542
   ⊙row 추가605
   ⊙테이불 추가 스크립트679
   ⊙입력박스에 안내메세지 넣기(홈마스타)691
   ⊙동적으로 객체를 변경하는 자바스크립트(홈마스타)603
   ⊙자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)517
   ⊙  [RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)518
   ⊙테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1) 738
   ⊙폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)553
   ⊙폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)584
   ⊙폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)532
   ⊙아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)634
   ⊙iframe의 배경을 투명하게 하는법(홈마스타)538
   ⊙  [RE] iframe의 배경을 투명하게 하는법(홈마스타)480
   ⊙레이어의 현재 마우스 위치(홈마스타)522
   ⊙레이어 감추기와 보이기 다른 예제(홈마스타)523
   ⊙레이어 감추기와 보이기 - select박스 보이기와(홈마스타)553
   ⊙  [RE] 레이어 감추기와 보이기 - select박스(홈마스타)760
   ⊙    [RE] 레이어 감추기와 보이기 - select박(홈마스타)577
   ⊙  [RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)507
   ⊙body 태그 예제(홈마스타)403
≪ [1]  [2]   ≫

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



 
인기 글
5499
10299
6667
4036
4329
3748
3990
9775
4409
3756
5682
4748
3958
11149
9689
 
최근 글
94
137
138
104
86
102
2887
741
712
901
793
3958
3343
3381
3767