Изменение размера кросс-доменной высоты Iframe
Я пытаюсь изменить параметр высоты iframe на тот же пиксель страницы, которая загружается в iframe. Страница, которая загружается в iframe, поступает из другого домена.
Внутри iframe будут загружаться разные страницы, что приведет к изменению высоты содержимого iframe, поэтому мне нужно будет захватить высоту содержимого iframe и применить ее к параметру высоты iframe.
Вот пример того, о чем я говорю:http://jsfiddle.net/R7Yz9/3/
<div class="site"><a href="http://amazon.com/" target="_top">Amazon </a></div>
<div class="site"><a href="http://cnn.com/" target="_top">Cnn </a></div>
<div class="site"><a href="http://wikipedia.org/" target="_top">Wikipedia </a></div>
<iframe id="source" src="http://amazon.com/" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>
.
$(document).ready(function() {
var iframe = $( "#source" );
$( "a[target=_top]" ).click( function(){
iframe.attr( "src", this.href );
return false;
});
});