menu

See the Pen Submitting animation by JinH (@JinH) on CodePen.

티스토리 블로그에서는 댓글달기 버튼을 누르면 잠시 딜레이 후 뿅하고 댓글이 생겨난 게 화면에 보이게 되는데, 버튼을 누르고 난 뒤 서버랑 통신하는 시간동안 화면에 아무런 표시가 없기 때문에 성질급한 방문객들이 버튼을 연타하는 사태가 발생한다. 그 결과 똑같은 댓글이 여러개 생성되는 문제가 있었다.

이걸 해결하기 위해 버튼을 누른 직후 화면에 시각적 효과를 줘서 '뭔가 처리 중인게 틀림없다'라는 느낌을 주고자 여러가지 방안을 생각해 봤는데...

  1. 클릭 후 버튼에 스피너 표시
  2. 버튼 주위에 진행막대 표시
  3. 버튼을 진행바처럼 보이도록 변경

다 만들어보니 3번이 멋지길래 그걸로 적용했다. 암튼 내가 만들었지만 개쩌는 듯.

근데 습관적으로 버튼을 더블클릭하는 방문객들한테는 무용지물이라는 단점이 있다...

끝.

퍼가지 말고, 링크로 공유하세요. 자세한 건 공지에.

  1. 오 좋은내용 감사합니다.
    블로그에 잘 적용하였습니다.

  2. 굿

    익명289 2016.03.05 15:46 신고   link delete reply
  3. this is dope

    fromthestates 2016.06.05 20:53 신고   link delete reply
  4. zz

    익명51 2016.11.11 22:01 신고   link delete reply

퍼가지 마세요...
링크로 공유하세요 ㅠㅠ
부탁할게요 ^_<~*

test 3-1

test 3-2

test 3-3

test 4-1

test 4-2

test 4-3

모든 글 보기
공지
방명록
Share to...

페이스북 공유

트위터 공유

구글+ 공유

카카오스토리 공유

밴드 공유

Follow & Contact

Facebook

Twitter

Mail

RSS 구독

2007-2016 © JinH