웹모아
웹모아[손님] 검색   로그인    


 
폼태그(입력)
 


row 추가
  2007-09-04 22:37:40 댓글:(0)   조회:671


<html>
<head>
<title>row추가..</title>
</head>
<style>
.button_ex
{
font-family:돋움;
font-size:11px;
letter-spacing:-1px;
color: #CED5E0;
background-color: #565869;
cursor: hand;
border-color: #BABABA #B6B6B6 #B6B6B6 #BABABA;
padding-top: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

.adTb{
 padding:2px;
    FONT-SIZE:11px;
    COLOR:#282828;
    TEXT-DECORATION:none;
    font-family:"Verdana", "굴림";
}
/* 폰트 속성 */
.smf{font-size:11px;font-family:돋움;letter-spacing:-1px}

.smf b{font-size:11px;color:666666;font-family:돋움;letter-spacing:-1px}

.formbox
{
font-family: "Tahoma", "굴림";
font-size:9pt;
color: #333333;
border:1 solid ;
border-color:#DBDBDB;
background-color:#F7F7F7;
}
</style>
<body>
<table width=400 cellpadding=0 cellspacing=0 border=0>
 <tr>
  <td>
  <table width=100% cellpadding=0 cellspacing=1 class="adTB" border=0 bgcolor="768090" style="table-layout:fixed;">
   <tr bgcolor="E5E8EB" align=center style="padding-top:5">
    <td width=100><b class="smf">품명</b></td>
    <td width=100><b class="smf">수량</b></td>
    <td width=100><b class="smf">단가</b></td>
    <td width=100><b class="smf">금액</b></td>
   </tr>
  </table>
  <!--테이블에 border 값이 아닌 cellpadding 값을 줌 -->
  <div id = "kikiv80" style="display:none;"><!--약간의 눈속임을 위한 레이어-->

  <table width=100% cellpadding=0 cellspacing=1 class="adTB" border=0 bgcolor="#9CABC0" style="table-layout:fixed;" id="kikiv">


  </table>
  </div>

  </td>
 </tr>
 <tr height=5><td></td></tr>
 <tr>
     <td align=right style="padding:0 5 0 0">
        <input type="button" class="button_ex" value="행추가" onclick = "addRow_kikiv();">
        <input type="button" class="button_ex" value = "행삭제" onclick = "delRow_kikiv();">
     </td>
 </tr>
</table>

<!--스크립트 소스 -->
<script>
   function addRow_kikiv() {
       var object_Row = kikiv.insertRow();
       object_Row.style.backgroundColor = "ffffff";

       if (check_count == undefined) { //ㅋㅋ 레이어가 왜 필요한지 감이 오젱?
        document.all["kikiv80"].style.display = "";
       }

       var object_Tag1 = object_Row.insertCell();
       var tag1_str="";
       tag1_str+="<input type='hidden' name='check_count'>";
       tag1_str+="<input type='text' name='text1' style='width:95%' class='formbox'>";
      object_Tag1.innerHTML  = tag1_str;

       object_Tag1.style.width  = "100"; //cell의 width지정
       object_Tag1.align  = "center"; //cell의 정렬
       object_Tag1.style.padding = "5px";


       var object_Tag2  = object_Row.insertCell();
       var tag2_str="";
        tag2_str+="<input type='text' name='text2' size=12 class='formbox'>";
       object_Tag2.innerHTML  = tag2_str;
       object_Tag2.align  = "right";
       object_Tag2.style.padding  = "5px";
       object_Tag2.style.width = "100";


       var object_Tag3 = object_Row.insertCell();
       var tag3_str="";
       tag3_str+="<input type='text' name='text3' size='12' class='formbox'>";
       object_Tag3.innerHTML = tag3_str;
       object_Tag3.align = "right";
       object_Tag3.style.padding = "5px";
       object_Tag3.style.width = "100";

       var object_Tag4 = object_Row.insertCell();
       var tag4_str="";
       tag4_str+="<input type='text' name='text4' size='12' class='formbox' readonly>";
       object_Tag4.innerHTML = tag4_str;
       object_Tag4.align = "right";
       object_Tag4.style.padding = "5px";
       object_Tag4.style.width = "100";

       var check_count  = document.all["check_count"].length;

       if (check_count == undefined) {
        check_count = 1;
       }
   }

   function delRow_kikiv() {
       var vc = document.all["check_count"].length;
       kikiv.deleteRow(0);

       if (vc == undefined) {
        vc      = 1;
        document.all["kikiv80"].style.display = "none";
       }

       if (vc == 1 ) {
        document.all["kikiv80"].style.display = "none";
       }
   }
</script>

</body>
</html>

실행해보기   (실행2)





 댓글 (0)


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


     select박스에 텍스트 벨류를요 카페에서 메뉴를 587
     iframe 에서 text field 값 얻어 오기709
     select 상자 그룹 예제611
      숫자만, 영문만, 한글만 입력하고 싶을 때986
     INPUT : 숫자만 입력하기695
     입력박스에 특수문자 입력못하게 하려면648
     row 추가 2663
       [RE] row 추가 2 - 테이블이름 지정667
         [RE] row 추가 2 - 테이블이름 지정-삭제586
     추가, 삭제 누르면서 테이블 행추가, 삭제하기 스크612
  row 추가672
     테이불 추가 스크립트760
     입력박스에 안내메세지 넣기(홈마스타)772
     동적으로 객체를 변경하는 자바스크립트(홈마스타)683
     자바스크립트를 써서 폼구문안에 전송(submit)하(홈마스타)587
       [RE] 자바스크립트를 써서 폼구문안에 전송(sub(홈마스타)580
     테이블(표)의 셀 여백 삭제 [border-coll(홈마스타)(1) 824
     폼 양식 요소들의 글자 색상 지정 [font-col(홈마스타)634
     폼 양식 요소안의 글자 정렬 지정 [text-ali(홈마스타)657
     폼 양식 요소들의 글자 크기 지정 [font-siz(홈마스타)586
     아이프레임의 배경을 투명처리하기[allowTrans(홈마스타)718
     iframe의 배경을 투명하게 하는법(홈마스타)602
       [RE] iframe의 배경을 투명하게 하는법(홈마스타)543
     레이어의 현재 마우스 위치(홈마스타)605
     레이어 감추기와 보이기 다른 예제(홈마스타)596
     레이어 감추기와 보이기 - select박스 보이기와(홈마스타)629
       [RE] 레이어 감추기와 보이기 - select박스(홈마스타)852
         [RE] 레이어 감추기와 보이기 - select박(홈마스타)634
       [RE] 레이어 사용시 Select객체에 가려지는 (홈마스타)594
     body 태그 예제(홈마스타)470
≪ [1]  [2]   ≫

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



 
최근 글
[손님]
84
76
232
377
621
374
416
241
361
3809
914
954
1200
974
4266
 
인기 글
[손님]
5319
3612
19374
3104
5371
4006
3153
11781
3449
3080
9877
5057
3390
4683
  [홈마스타] input 버턴의 모양
6622