소스가 다른 도메인에있을 때 IFRAME 높이를 어떻게 변경할 수 있습니까?

Question

이 옵션을 사용할 수는 없지만 어쩌면 당신은 그것을하기위한 몇 가지 전략을 알고있을 것입니다! 나는 http://www.mydomain.com에있어, 나는 다른 도메인의 jQuery로 iframe을 넣어 :

​<div id="myContent​​​​​​​"></div>​ 

$('#myContent').html('<iframe id="myFrame" src="www.anotherdomain.com"></iframe>');​ 

음,로드 페이지 www.anotherdomain.com, 그것은 내 꺼야, 그래서 나는 코드의 종류를 추가 할 수 있습니다 !

내가하고 싶은 것은 myFrame의 높이를로드 된 페이지의 실제 크기와 관련이있다 (나는 알 수 없다.

삽입 된 페이지 (anotherdomain.com)의 크기를 부모 DOM (mydomain.com)과 comunicate 할 수있는 방법이 있습니까?

나는 그것을 모른다. 그러나 나는 더빙한다. 그러나 묻지 마라.

Answer 1

내가 찾은 유일한 해결책은 url을 통해 iframe 높이를 전달하는 것입니다. 당신은 여기 내 테스트를 찾을 수 있습니다

http://jsfiddle.net/Grsmto/nBWrJ/2/(업데이트)

이 솔루션은 크로스 브라우저 (크롬, FF, 즉 모든 버전, 모바일 등) 및 크로스 도메인을 사용할 수 있습니다.

iframe 코드 및 iframe 호스트에 대한 액세스 권한이 있어야합니다. iframe 내부에서 publishHeight() 함수를 호출하기 만하면 내용을 변경하더라도 원하는 경우 iframe 높이를 새로 고칠 수 있습니다.

jquery 없이도 작동합니다 (주로 순수 자바 스크립트로 작성 ...).

http://www.yourdomain.com/index.html#1458px 

그러나 당신은 쉽게 제거 이하 추한 무언가로 변경해야합니다 유일한 불편은 당신이 좋아하는 URL의 높이가 것입니다.

편집 : http://easyxdm.net/wp/

편집 2 :를 귀하의 페이지에서 첫 번째 jsfiddle 페이지에 코드를 넣어 그것은 Disqus에 트위터가 그렇게이 라이브러리를 사용하는 것이 보인다. iframe에는 iframe 코드 (오른쪽 하단에 빨간색 div "myiframe")를 넣습니다.희망이 그것은 분명하다 ... 하지만 아래의 내 링크를 확인하고 더 나은 솔루션이어야합니다.

Answer 2

당신은 PostMessage를 사용하여 다른 도메인에 iframe을 사이 (예 : 프레임의 높이와 같은) 메시지를 보낼 수 있습니다 https://developer.mozilla.org/en/DOM/window.postMessage

Answer 3

도메인 간 통신은 매우 제한적이며, 원격 호스트에 불가능 따라. http://www.ibm.com/developerworks/library/wa-aj-jsonp1/ JSONP를 사용하여 원격 사이트에서 정보를 가져오고 검색 할 수는 있지만 초보자에게는 적합하지 않습니다.

저에게 효과가있는 것으로 발견 된 작업은 원격 파일을 포함하기 위해 서버 측 언어를 대신 사용했습니다. 그래서 대신 <은 iframe>

의 나는 PHP 서버 측 같이 포함했다 : 물론

<?php include 'http://www.example.com/file.txt?foo=1&bar=2'; ?> 

이 당신이 PHP를 사용하는 경우에만 적용됩니다. 그런 식으로 DOM 요소를 조작 할 수있었습니다.