js "confirm" 창 디자인 방법이 궁금합니다 !
조회수 7155회
겨울 방학 프로젝트로 부족한 실력이지만 쇼핑몰 디자인 구현을 하고 있습니다. 하지만 ' 장바구니 담기 ' 라는 버튼을 눌렀을 때 자바스크립트를 이용해서 창을 뜨게 만들었는데 위 디자인은 카카오프렌즈 페이지에 나오는 창이고 아래는 제가 만든 사이트에 창입니다. 위 디자인처럼 만드는 방법이 궁금합니다 ! !
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
아래이미지와 같이 브라우저에서 제공하는 자바스크립트 얼럿은 수정할 수 없습니다. 카카오프렌츠처럼 커스텀하게 얼럿을 사용하기 위해서는 별도의 작업을 해야합니다. 여러가지 방법이 있겠지만 간단한 팁을 줄 수 있는 방법들은 아래서 참고하면 되겠습니다.
기본적인 큰 개념 > Custom Alert Box Programming JavaScript CSS HTML Tutorial https://www.youtube.com/watch?v=-RLE2Q7OzME
Bootstrap을 활용해서 커스텀 모달 사용하기. https://getbootstrap.com/docs/4.0/components/modal/
Bootbox.js를 활용해서 커스텀 모달 사용하기 http://bootboxjs.com/examples.html
댓글 입력