로그인

검색

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
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
3 추천
  • 웅돌프 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. Read More
  6. Read More
  7. 라이믹스 회원(팝업)메뉴에 아이콘 추가해주기 2

    Date2021.05.11 Category기능 Views295 Votes3
    Read More
  8. RXP FLEX 레이아웃의 다크모드 기능 게시판에 적용하기 4

    Date2021.05.09 Category기능 Views399 Votes3
    Read More
  9. 카카오지도 마커 위치로 카카오내비 길안내 연동하기

    Date2021.05.08 Category기능 Views802 Votes3
    Read More
  10. Read More
  11. 신규 회원 가입 사실만 메일로 전달 받고 싶을때

    Date2021.05.06 Category기능 Views233 Votes3
    Read More
  12. Read More
  13. 스케치북5 스킨 검색어 하이라이트 효과 주기

    Date2021.05.02 Category기능 Views214 Votes3
    Read More
  14. 댓글 주소 클립보드에 복사하는 기능 추가하기 11

    Date2021.04.25 Category기능 Views252 Votes3
    Read More
  15. Read More
  16. 스케치북 빵조각 '메뉴 아이콘' 적용해 보았습니다.

    Date2021.04.21 Category기능 Views209 Votes3
    Read More
  17. Read More
  18. 본문 게시글 주소 복사 버튼 여러곳에 추가해 주기 20

    Date2021.04.10 Category기능 Views308 Votes3
    Read More
  19. 본문 게시글 주소 클립보드 복사 기능 만들기 23

    Date2021.04.06 Category기능 Views630 Votes3
    Read More
  20. 라이믹스 2.0 회원 서명 높이를 조절 하고 싶다면

    Date2021.03.13 Category기능 Views221 Votes5
    Read More
  21. Read More
  22. Read More
Prev 1 2 3 4 Next
/ 4