728x90 반응형 Alert3 [javascript] "변경사항이 저장되지 않을 수 있습니다" 경고창 안나오게 하기 (onbeforeunload) 서문 사이트에서 무언가 작업을 하거나, 작성을 하다가 페이지를 벗어나려 할 때, "페이지를 벗어나시겠습니까? 변경사항이 저장되지 않을 수 있습니다"라는 경고창을 보신 분들 꽤 많을 것입니다. 이 경고창이 필요할 때 제때 잘 나와주면 실수로 페이지 벗어나는 것도 방지되고 좋지만, 메인페이지나, 정보를 수정하고 저장버튼을 눌렀을 때 저런 메시지가 나온다면 헷갈릴 수 있겠죠. 내가 수정한 정보들이 저장되지 않는다는 뜻처럼 보이니까요. 이럴 때 onbeforeunload 이벤트를 사용하여 메시지를 나오지 않게 처리한다거나, 혹은 해당 메시지를 출력하게 설정할 수 있습니다. 본문 onbeforeunload 이벤트? onbeforeunload 이벤트는 보통 페이지를 벗어날 때 발생하는 이벤트입니다. 예를 들어 새로.. 2023. 4. 21. [자바스크립트/Jquery] confirm 확인과 취소, div 값 변경 서문 자바스크립트에서 alert를 사용하여 경고창을 띄울 수 있습니다. 하지만 alert는 사용자에게 메시지를 전달하는 기능일 뿐 사용자가 true와 false를 선택할 수 없습니다. 이 글에서는 true와 false를 선택할 수 있는 confirm 함수에 대해서 살펴보도록 하겠습니다. 본문 로그인할 때 "비밀번호가 틀렸습니다!" 같은 메시지는 alert로 보내주면 됩니다. 하지만 글을 작성할 때 "저장하시겠습니까?" 같은 메시지는 alert로 보내줄 경우 예, 아니오 선택을 할 수 없기 때문에 alert로 메시지를 보내주면 안 되고 confirm을 통해 true와 false를 판별해 주어야 합니다. 위의 이미지를 통해 alert와 confirm의 차이점을 쉽게 볼 수 있습니다. 정보를 알려줄 때는 al.. 2023. 2. 13. [자바스크립트/jQuery] 자바스크립트를 사용하여 값을 입력하지 않았을 때 경고창 띄우기 (alert) 서문 이전에 값 넘기기에 대해서 알아봤습니다. 값을 넘길 때 입력된 것이 아무것도 없는데 페이지만 이동된다면, 난처한 상황이 많이 발생합니다. 이때 자바스크립트와 제이쿼리를 활용하여 입력된 값이 없을 때는 페이지 이동이 되지 않도록 경고창을 띄워 줄 수 있습니다. 다음 페이지로 값 넘기기는 이전포스팅을 참조해 주세요. html 코드 이전의 밋밋하던 느낌에서 그래도 세트메뉴 만들기라는 콘셉트를 주어서 조금 바꿔봤습니다. 세트 이름과 세트 메뉴의 소개는 input 텍스트 박스와 textarea 박스로 입력받도록 했고, 세트 구성 메뉴는 다중 선택이 가능한 checkbox를 활용해 보았습니다. test_page.php 세트이름 세트 메뉴소개 세트 구성 메뉴를 선택해주세요. 불고기버거 대리버거 콜라 감자튀김 코.. 2022. 12. 20. 이전 1 다음 728x90 반응형
