'개발/HTML'에 해당되는 글 32건

  1. 2017.01.20 <a>태그에서 confirm 함수 사용하는 방법 1
  2. 2017.01.08 HTML form에서 submit버튼 중복 방지

게시판을 제작할때, 글 삭제 전  " 정말로 지우시겠습니까? " 와 같은 문구를


글 삭제 전 확인차 띄워주려고 한다.


어떻게 해야할까.


<a href="delete주소" onclick="return confirm('Are you sure you want to delete this ?');">삭제</a>


이렇게 하면, 

1. 링크를 눌렀을때, 그 화면에서 confrim창이 뜨고
2. 취소를 눌렀을 경우, 그냥 창이 닫히며 아무런 동작이 발생하지 않는다.
3. 확인을 눌렀을 경우, delete주소(url)로 이동하게 된다.
삭제와 관련된 코드는 위 URL에서 처리하면 될 것이다.

이렇게 a태그에서 간편하게 confirm 함수를 사용하는 방법을 적어보았다.

이렇게 적어둬야 또 사용할 때 찾아쓰지.

Posted by sungho88
,

form을 써서 DB에 글을 등록하는 것을 구현했다.

하지만, 테스트중에 습관적으로 세번을 클릭했더니 동일한 게시물이 세번 등록되는것을 알게 되었다.

즉, submit 버튼이 중복된다는 것이다. 이것을 어떻게 막을 수 있을까?

안드로이드에서 했던 기억을 되살려보면 boolean값을 이용하여 중복을 막을 수 있다.

기본값을 false로 두고, true일때 submit을 진행하고 false로 변경한다.

그 다음에 false에 return을 해버리면 영영 중복을 못 하게 된다.

코드로 보면 다음과 같다..


var submitted = false;    


if(!submitted) {

    Editor.save(); // 다음에디터를 사용하는 코드(이 부분에서 전송 코드를 작성한다)

    submitted = true; // true로 값을 바꾼다.

  } else {

    return;

  }


이렇게하면 한 번 클릭시 boolean값이 변하기때문에 간단히 중복을 막을 수 있다.

Posted by sungho88
,