jquery를 이용한 iframe 접근

출처 : http://zeronica.tistory.com/80

 

 

 

 

아이프레임에서 부모의 노드에 속성을 변경할때는 아래의 방법을 사용한다.

$(top.document).find("부모의 노드 아이디나 클래스").attr("height","500");

 

 

 

case 1.

$('#id', parent.document)

iframe에서 사용시 iframe을 출력하는 부모값에 접근

 

case 2.

$("#id",  parent.frames['frameId'].document)

 

iframe에서 부모창의 다른 frame 접근

 

etc.

iFrame내 id 셀렉터

$('#iframeID').contents().find('#someID').html();

 

iframe 내부 요소 선택
$('#iframeID').contains().find('#id').html();

$('#iframeID').contains().find(':checkbox:checked').size(); // 체크된 체크박스 개수

iframe에서 부모 요소 선택
$('#id', parent.document)
부모의 다른 iframe에 접근 : $("#id",  parent.frames['frameId'].document)

 

jQuery iframe Sizing
http://sonspring.com/journal/jquery-iframe-sizing

Resizing iFrame with jQuery UI
http://stackoverflow.com/questions/1234144/resizing-iframe-with-jquery-ui

Access IFrame content using Jquery
http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

jQuery : Auto iFrame Height
http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

크로스도메인 iframe 리사이징
http://blog.naver.com/jidusdl?Redirect=Log&logNo=100078825617
 

 

 

1.  부모페이지 접근..

 

  $('#부모페이지원하는노드id', parent.document).css('머를', '머로바꿔라');

 

2. 부모페이지에 있는 다른 iframe에 접근..

 

  $('#부모페이지내다른iframe원하는노드id', parent.frames["iframeid"].document).css('머를', '머로바꿔라');