html / css / js ) modal 창 관련 질문

Question

안녕하세요 모달창을 만들면서 form을 만든뒤 submit 버튼을 누르면 모달창이 닫히면서 insert/update 되는 기능을 구현이 가능한지 궁금해서 글을 씁니다. 제가 생각하는것은 모달창 body 부분에 iframe을 넣고 insert page를 넣습니다. 그리고 insert page에서 submit 버튼을 누르면 모달창이 닫히고 부모창에 내용이 insert가 되는 구조를 구현해 보고 싶습니다. 이럴때 보통 어떻게 설정해야 하는지 팁이라도 알고 싶습니다. 혹시 이와 같거나 비슷한 개발을 하신분들 계신가요?

도마도맛있당 · Answer

전송버튼을 누르면 js에서 이벤트를 감지하고 해당 데이터를 원하는 형태로 가공해서 로직 작성하시면 될 것 같습니다.

yeori · Answer

단순 모달창을 띄우기 위한 목적으로는 굳이 iframe이 필요없습니다. 아마도....가장 보편적인 방법은 css만으로 모달 구조를 잡고,js로 동적인 부분(창 띄우기, 닫기)을 구현하면 충분합니다.문제는 순수 자바스크립트로 구현하는지jquery같은 라이브러리를 사용하는지SPA 프레임워크를 사용하는지...에 따라서 접근 방식이 다르다는거...?(어지러운 시절임)

html / css / js ) modal 창 관련 질문

2개의 답변

#modal 목록