iframe 안에서 부모창(parent)의 bootstrap modal 닫기

bootstrap을 이용해서 사이트를 만들고 입력창을 만들었다.

만들어진 입력창에는 html을 페이지 안에서 직접 입력하는 대신 iframe을 통해서 페이지를 연결하였다.

이 때 iframe으로 불리어진 페이지에서 bootstrap의 Modal을 닫고 싶어졌는데 도저히 방법이 없다.

jquery selector를 이용해서 modal 메소드를 호출하는 것까지는 성공했는데 호출만 되고 반응이 없다.

한 시간 정도의 뻘짓 끝에 방법을 찾았당!!!

부모창에 함수를 Modal을 닫는 함수를 선언하고 iframe에서 그 함수를 호출하면 된다.

이 놀라운 단순함!!!

왜 이 생각을 못했지ㅠㅠㅠㅠㅠ

728x90

부모창 코드

window.closeModal = function() {
    $( '#inputModal' ).modal( 'hide' );
}

반응형

자식창 코드

window.parent.closeModal();

 

단순하게 살자!!!