2012-07-30 3 views
14

다른 페이지의 iframe이 포함 된 페이지가 있는데, 내가 찾고있는 것은 iframe 내부의 내용을 클릭하여 액세스하거나 더 구체적으로 부모의 div를 숨길 수있는 것입니다. 좀 JQuery와 알고 있지만 내가 iframe에 이것을 시도 내 자신의iframe의 부모 div

+1

페이지와 iframe이 같은 하위 도메인에 호스팅되어 있습니까? – rekire

+0

예 코드가 둘 중 하나에 들어갈 필요가 있다면 그래도 두 페이지 모두에 액세스 할 수 있습니다. –

+0

@Andrew Morris 코드 액세스는 문제가 아니지만 브라우저는 다른 도메인에서 JavaScript 작업을 허용하지 않습니다. 그리고 그 도메인은 정확히 일치해야합니다 (심지어 프로토콜이 동일해야합니다 - http 사이트에서 JS를 통해 https 사이트를 처리 할 수 ​​없습니다) – feeela

답변

34

에 쓰기 할 때 어떤 이유로 단지 코드 편집기 멍하니 앉아서 :

$('#DIVtobehidden', window.parent.document).hide(); 
+1

감사합니다. 사용 된 것이기 때문에 부모가 다른 도메인에있는 경우 –

+0

이 작동합니까? – Awalias

2
$("#element-In-Iframe").on('click', function() { 
    $('#element-in-parent-window', window.parent.document).hide(); 
}); 

FIDDLE

+0

@CrystalMiller - 3 년 전에 일 해왔다. 그 대답은 받아 들인 대답과 정확히 같았다. 요즘 JSFiddle은 셸 하위 도메인에서 자체 iframe을 실행하므로 동일한 출처 정책이 적용됩니다. – adeneo

0

하는 경우 두 페이지가 모두 같은 (하위) 도메인에 있으면 부모 창에 액세스 할 수 있어야합니다.

window.parent.document.getElementById('divId') 

글쎄 jQuery가 없어도 작동해야합니다

+0

다른 방법이 있습니다! – adeneo

+0

내 잘못을 고치겠습니다. – rekire