로그인

검색

Extra Form
추천지수 6

최근 안드로이드 크롬 계열 브라우저에서 글 작성시 엔터를 타이핑하면 줄바꿈과 함께 키보드가 내려가는 버그가 있는 듯 합니다. 빠른 타이핑으로 엔터 후 다음 글자를 치시는 분들이 키보드가 내려가버려서 의도치 않게 취소 버튼을 터치하게 되는 경우가 이제 자주 생긴 듯 합니다.

 

크롬 버그를 저희가 잡을 수는 없고 

최소한 취소가 한번에 되지 않고 확인 과정을 거치게 해서 글을 날리는 일이 없도록 조치는 해줄 수 있을 것 같습니다.

 

기존 취소버튼에 확인 confirm 창이 뜨도록 하려면 스크립트 하나와 취소버튼에 스크립트 함수가 작동되도록 추가해 주면 됩니다.

 

저희 기존에 취소버튼 소스입니다.

<a href="javascript:history.back()" class="btCancel">{$lang->cmd_cancel}</a>

 

위 소스를 컨펌과정이 포함되도록 고칠 것 입니다.

 

 

스크립트는 글쓰기,댓글쓰기 파일의 하단에 넣어줍니다. 

<script>

  function goBack(){
  if(confirm("정말 취소하시겠습니까?")){
    window.history.back(1);  
  }
}

</script>

 

 

그리고 취소 버튼 소스를 

<a href="#" onclick="goBack();return false;" class="btCancel">{$lang->cmd_cancel}</a>

위와 같이  스크립트 함수가 작동되도록 고쳐줍니다.

 

 

이렇게 해주면 글,댓글 취소버튼이 실수로 스쳐도 다시 확인창을 한번 더 거치게 되므로 의도치 않게 글을 날리는 것은 막아줄 수 있습니다.

Who's 꿀팁관리소장

profile
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
2 추천
  • 웅돌프 2020.09.17 10:49

    웹지기님 취소 확인창 뜨게 할려면 어떤 파일을 수정해야 하나요?

  • profile
    꿀팁관리소장 2020.09.17 11:09
    To.웅돌프
    게시판 스킨의 글쓰기 담당하는 파일에 넣어야 하겠죠? 취소버튼이 있는 파일은 글쓰기 담당파일에 있습니다.
    그리고 댓글쓰기를 댓글쓰기로 이동해서 작성하는 곳에서는 동일하게 적용할 수 있습니다.

    보통은 파일명에 write_form 이런 단어를 넣습니다.


    그리고 취소 액션에 확인과정을 넣기 어려우신 분들은 그냥 취소 버튼을 없애는 것도 방법입니다. 

    스킨에 따라 "돌아가기" 라고 버튼에 표시한 경우도 많으니 이부분은 각자 확인을...


라이믹스 팁(112)

라이믹스 운영과 사용에 관한 팁을 공유 합니다.

  1. read more
  2. read more
  3. Read More
  4. Read More
  5. 스케치북 빵조각 '메뉴 아이콘' 적용해 보았습니다.

    Date2021.04.21 Category기능 Views160 Votes2
    Read More
  6. Read More
  7. 본문 게시글 주소 복사 버튼 여러곳에 추가해 주기 20

    Date2021.04.10 Category기능 Views253 Votes2
    Read More
  8. input 입력창 크기가 작거나 이상한가요? css box-sizing

    Date2021.04.09 Category기타 Views203 Votes3
    Read More
  9. 본문 게시글 주소 클립보드 복사 기능 만들기 23

    Date2021.04.06 Category기능 Views520 Votes2
    Read More
  10. Read More
  11. 라이믹스 2.0 회원 서명 높이를 조절 하고 싶다면

    Date2021.03.13 Category기능 Views187 Votes4
    Read More
  12. Read More
  13. Read More
  14. Read More
  15. Read More
  16. Flex 레이아웃 로그인 오류 메시지 안뜨는 문제 해결

    Date2021.01.31 Category오류 Views199 Votes2
    Read More
  17. Read More
  18. Read More
  19. Read More
  20. Read More
  21. Read More
  22. Read More
  23. Read More
  24. Read More
  25. Read More
  26. Read More
  27. Read More
  28. Read More
  29. Read More
  30. Read More
  31. Read More
  32. Read More
Prev 1 2 3 4 Next
/ 4