테스트 사이트 - 개발 중인 베타 버전입니다

링크버튼을 누르면 1초동안 비활성화 하는 방법이 있나요 채택완료

미키손 9년 전 조회 14,269

링크버튼을 누르면 1초동안 비활성화 하는 방법이 있나요 

자꾸 신청버튼을 여러번 누르게 되는데

고민입니다 ㅜㅜ;

 

아래는 신청버튼입니다

<input onclick="javascript:send(document.FormMain);" type="image" src="http://licenseclubicon.cdn2.cafe24.com/butn.gif">http://licenseclubicon.cdn2.cafe24.com/butn.gif" border="0" name="sending" style="font-family: Tahoma, 굴림; font-size: 9pt; color: rgb(34, 34, 34); orphans: auto; white-space: normal; widows: 1; -webkit-text-stroke-width: 0px; width: 435.5px;"> 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
만두야닷컴

일단 제이쿼리를 사용하신다는 가정하에 작업하였습니다.

아래 코드 처럼  input button 에 id를 sending 으로 동일하게 주었습니다.

만약 input onclick 이벤트에 send 에 포함 시키고자 한다면 약간만 변형 하시면 될것 같습니다.

 

</p><p><input onclick="javascript:send(document.FormMain);" id="sending" type="image" src="<a href="<a href="http://licenseclubicon.cdn2.cafe24.com/butn.gif" target="_blank" rel="noopener noreferrer">http://licenseclubicon.cdn2.cafe24.com/butn.gif</a>"><a href="http://licenseclubicon.cdn2.cafe24.com/butn.gif" target="_blank" rel="noopener noreferrer">http://licenseclubicon.cdn2.cafe24.com/butn.gif</a></a>" border="0" name="sending" style="font-family: Tahoma, 굴림; font-size: 9pt; color: rgb(34, 34, 34); orphans: auto; white-space: normal; widows: 1; -webkit-text-stroke-width: 0px; width: 435.5px;"> 
<script>
$(document).ready(function() {
 $("#sending").click(function() {
  var click_btn = $(this);
  click_btn.attr("disabled",true); //버튼 disabled = true</p><p>  setTimeout(function() {
   click_btn.attr("disabled",false); //버튼 disabled = false
  },1000);  //1000 = 1초</p><p> });
});
</script></p><p>

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

send 함수에 아래 코드를 추가해보세요. 

 

doncument.getElementById("sending").style.display = 'none';

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

9년 전

클릭을 하면,

1. hide() 로 없애 버리던가,

2. 다른 레이어로 덮어 버리세요. ^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인