iframe 부모창 제어 질문입니다

우헤아라아리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-03-30 (월) 14:43:47 2,804

안녕하세요

팝업을 만드는 작업을 진행중입니다

a태그 클릭시 팝업창을 fadeIn하고 팝업창 내부에 iframe 으로 html을 가져와서 뿌려주게 작업을 했습니다

근데 가져온 html내부에 close-btn을 넣고 클릭시 팝업창을 사라지게 하려고 하는데요

<iframe></iframe

</div>

이런식으로 아이프레임을 팝업 태그가 감싸고 있게 만들었는데 아이프레임으로 가져온 html에서 popup을 컨드롤해서

사라지게 하는 방법이 있을까요?

js파일을 외부에 만들어서 거기에 함수를 만들어도 작동이 되지 않습니다...ㅜㅜ

도움을 부탁드립니다

감사합니다

iframe 부모창제어

답변 2개

채택된 답변

+20 포인트

플래토

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-03-30 (월) 15:28:05

동일사이트에서 iframe으로 열었다고 가정하고

http://www.deb.kr/test/popframe.php#

샘플로 만들어봤습니다.

메인창

Copy

<a href="#" onclick="window.open('//www.deb.kr/test/popiframe.php', 'pops','width=600,height=500');"> 팝업 </a>

팝업창

Copy

<iframe width="560" height="315" src="//www.deb.kr/test/popinframe.php" frameborder="1" allowfullscreen></iframe>

팝업속 iframe

Copy

<html>
<head>
</head>
<body>

프레임으로 보기 

<button onclick="thisclose();">닫기</button>
</body>
<script>
function thisclose() {
    parent.window.close();
}
</script>
</html>

devdev

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-03-30 (월) 14:45:29

아이프레임과 도메인이 다르면 가능하지 않습니다.

답변을 작성하려면 로그인이 필요합니다.

iframe 부모창 제어 질문입니다

답변 2개

공유하기