어떠하호
251
2019-03-16 14:59:44
0
40

iframe 창닫기 질문입니다.


안녕하세요 

주말 잘 보내고 계신가요?

웹개발을 하다가 질문이 있어 이렇게 올리게되었습니다.

현재 vue.js jquery, iziModal(팝업용)을 사용해서 웹작업을 하고있는데요

iframe을 이용한 팝업을 호출하고 있습니다.

문제가 iziModal을 사용하는데 불러오는건 잘 되는데 닫기가 잘 안되는군요 ㅜㅜ

window.open('부모url', '_parent').parent.close();

이렇게하면 새로고침이 되면서 닫히긴 하는데 다른 td의 날짜들도 수정할 경우 임시로 데이터를

들고있지를 못해서 고민입니다..

이렇게 부모창의 div가 있구요 이 div를 다음 코드에서 iframe으로 호출하고있습니다.

 <div id="modal-assignment-create">
          <div class="mdlBlock">
                 <div class="modalBox" style="width:600px; height:400px;"></div>
           </div>
</div>

부모창의 div에서 새롭게 html파일을 호출하는 부분입니다.

$("<iframe src='Calendar.html' style='border:0; width:100%; height:100%;' />").load(function () {$("#modal-assignment-create").iziModal("open");}).appendTo("#modal-assignment-create .modalBox");ㅍ

window.open('부모url', '_parent').parent.close();

를 사용하면 팝업창이 닫히긴 하지만 부모창도 새로고침이 되기 때문에 날짜를 여러번 변경해서 임시로 요소를 변경해서 들고있어야 하는 경우가 애매해지던구요..
self.close는 에러가나구요 ㅠㅠ(방법이 없을까요?
iframe을 이용하는 이유는  다른화면에서도 사용해야되기 때문에 공통html로 사용하기 위함입니다.\
도움좀 부탁드립니다. 감사합니다.
0
0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.