1. Image Button 경우


<img id=”save” name=”save” src=”save.png” onclick=”javascript:save(); this.style.visibility=’hidden’; ” >


이렇게 하면, 버튼을 클릭함과 동시에 버튼 이미지가 보이지 않게 되어 버립니다. 물론 자바스크립트 함수인 save() 안에서 함수 종료 처리 전에, 다시 이미지 버튼을 보이도록 처리를 해주어야 합니다.


2. input Button 경우


<input type=”button” onClick=”javascript:save(); this.disabled=true; ”>


이번 경우에는 input 타입으로 된 버튼으로 클릭하면 곧바로 사용 불가능한 버튼으로 변경되며, 자바스크립트 save() 함수 내부에서 다시 disabled 를 풀어주는 처리를 해주셔야 합니다.


3. Script 처리법

<script type="text/javascript">

<!--

var delay = 1000;

var submitted = false;


function submitCheck() {


  if(submitted == true) { return; }


  document.frm.button.value = '전송중';

  document.frm.button.disabled = true;

  setTimeout ('submitForm()', delay);


  submitted = true;

}


function submitForm(){

  document.frm.action = "http://www.webmadang.net";

  document.frm.submit();

}

//-->

</script>


<form name="frm" method="post">

<input type="button" name="button" value="전송" onclick="submitCheck();">

</form>

Posted by 경제/부동산/프로그래머/안드로이드/PHP/mysql/asp 당양부부

블로그 이미지
경제를 좋아하는 일산의 행복한 프로그래머입니다. 감사합니다.
당양부부
Yesterday31
Today3
Total107,629

달력

 « |  » 2018.06
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

최근에 달린 댓글

최근에 받은 트랙백

글 보관함