IFRAME src 페이지의 요소를 숨기는 방법은 무엇입니까?

Question

나는 아주 간단한 코드를 가지고있다. IFRAMe에서 일부 DIV를 숨기고 싶습니다. 따라서 내 index.html 페이지는 이와 같이 보이므로 전체 아이디어는 Calendar.aspx 페이지에서 맨 위와 왼쪽 패널을 숨 깁니다.

내 코드에 어떤 문제가 있는지 또는 어떻게해야합니까?

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></<script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#leftpanel").hide(); 
$("#toppanel").hide 
}); 
(); 
</script> 
<iframe height="800px" width="800px" src="https://domain/Calendar/Calendar%20Color%20Overview.aspx" > 
</iframe> 

Answer 1

이 작업을 시도 할 수 있습니다 :

$('#iframeID').load(function(){ 
    $('#iframeID').contents().find('#leftpanel').hide(); 
    $('#iframeID').contents().find('#toppanel').hide(); 
}); 

또는를 : 다른 도메인 작업 할 경우

$(document).ready(function(){ 
    $('#iframeID').contents().find('#leftpanel').hide(); 
    $('#iframeID').contents().find('#toppanel').hide(); 
}); 

이 방법은 불가능합니다.