메뉴 건너뛰기

조회 수 8526 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<html>
<head>
<title>www.webmadang.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
var oTbl;
//Row 추가
function insRow() {
  oTbl = document.getElementById("addTable");
  var oRow = oTbl.insertRow();
  oRow.onmouseover=function(){oTbl.clickedRowIndex=this.rowIndex}; //clickedRowIndex - 클릭한 Row의 위치를 확인;
  var oCell = oRow.insertCell();

  //삽입될 Form Tag
  var frmTag = "<input type=text name=addText[] style=width:350px; height:20px;> ";
  frmTag += "<input type=button value='삭제' onClick='removeRow()' style='cursor:hand'>";
  oCell.innerHTML = frmTag;
}
//Row 삭제
function removeRow() {
  oTbl.deleteRow(oTbl.clickedRowIndex);
}

function frmCheck()
{
  var frm = document.form;
 
  for( var i = 0; i <= frm.elements.length - 1; i++ ){
     if( frm.elements[i].name == "addText[]" )
     {
         if( !frm.elements[i].value ){
             alert("텍스트박스에 값을 입력하세요!");
             frm.elements[i].focus();
             return;
          }
      }
   }
 }
//-->
</script>
</head>
<body>
<form name="form" method="post">
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2" align="left" bgcolor="#FFFFFF">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td colspan="5" bgcolor="#FFFFFF" height="25" align="left"><input name="addButton" type="button" style="cursor:hand" onClick="insRow()" value="추가">
         <font color="#FF0000">*</font>추가버튼을 클릭해 보세요.</td>
        </tr>
        <tr>
         <td height="25">
          <table id="addTable" width="400" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" border="0">
            <tr>
              <td><input type="text" name="addText[]" style="width:350px; height:20px;"></td>
              <td align="left"></td>
            </tr>
          </table></td>
        </tr>
       </table>
      </td>
   </tr>
 </table>
 <table width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="10">
    </td>
    </tr>
    <tr>
    <td align="center">
    <input type="button" name="button" value="확인" onClick="frmCheck();">
    </td>
   </tr>
 </table>
</form>
</body>
</html>



http://www.webmadang.net/javascript/javascript.do?action=read&boardid=8001&page=4&seq=363


  1. No Image 19Feb
    by 조쉬
    2017/02/19 Views 8526 

    [INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다

  2. Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성

  3. No Image 03Feb
    by
    2015/02/03 Views 8500 

    페이지 로드 할때 컨트롤에 포커스 주기

  4. No Image 22Dec
    by
    2016/12/22 Views 8375 

    [단축키 설정 자바스크립트]shortcut.js

  5. No Image 06Apr
    by
    2015/04/06 Views 8205 

    2단계 트리메뉴 마우스오버(mouseover), 온포커스(onfocus) 구현

  6. 드롭다운 메뉴를 만들어보자! -1탄

  7. No Image 22Dec
    by
    2016/12/22 Views 8162 

    setTimeout() / clearTimeout() / setInterval()

  8. No Image 17Nov
    by
    2016/11/17 Views 7928 

    브라우저별 이미지 크기 변경

  9. No Image 22Dec
    by
    2016/12/22 Views 7912 

    복사방지+드래그금지+마우스우클릭 금지

  10. No Image 19Jun
    by
    2015/06/19 Views 7876 

    정규식을 이용한 실시간 콤마(comma) 넣기

  11. [라디오버튼 오류 체크] 간단한 문제 예제

  12. No Image 03Feb
    by
    2015/02/03 Views 7673 

    양력-음력

  13. No Image 27Feb
    by
    2014/02/27 Views 7551 

    날짜 간의 일수 계산

  14. 'checkbox', 체크박스 모두체크 그리고 모두해제!

  15. No Image 01Mar
    by
    2014/03/01 Views 7458 

    체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기

  16. No Image 01Mar
    by
    2014/03/01 Views 7420 

    [jQuery] textarea 글자수 카운트

  17. No Image 22Dec
    by
    2016/12/22 Views 7358 

    response.setHeader

  18. 'blur', 이미지 클릭시 테두리를 없애자!

  19. 'opener', 부모창과 자식창의 텍스트를 교환하자!

  20. 창에 대한 정보얻기 (창 크기, 창 위치)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved