make iframe height fit content

Как настроить высоту iframe в соответствии с содержимым внутри нее? Я предполагаю, что вы вычислили разницу между высотой содержимого и высотой iframe (что-то, чего я не знаю, как это сделать) и использовать это с циклом while, чтобы увеличить переменную, используемую как высоту, но я не могу обернуть ее голова вокруг, как на самом деле делать эти вещи. Прежде чем спросить: да, содержимое в кадре с моего сайта. Не междоменное.make iframe height fit content

источник

2011-02-09 Anonymous

ли кто-нибудь еще использовать кадры? – yoda

@yoda он имел в виду iframe, и они используются только незначительными компаниями в websphere, таких как Google и Facebook. –

в рамке на вашем сайте? – Trufa

Не совсем уверен, почему вы хотите использовать IFRAME, а не динамический Див заполнены, скажем, с помощью AJAX, но:

Поместите содержимое в IFRAME в DIV, а затем получить высоту дел. Я предложил бы использовать JQuery так:

$("#divId").height();

Но если вы не можете использовать JQuery, вы должны быть в состоянии использовать это:

document.getElementById("divId").offsetHeight;

Тогда вам нужно установить высоту Iframe в что бы вы ни получили.

JQuery:

$("#iframeId").height($("#divId").height());

регулярные ЯШ:

document.getElementById("iframeId").style.height = 
document.getElementById("divId").offsetHeight;

источник

2011-02-09 01:51:17 Valera

это не работает. Вы не можете получить доступ к iframe div извне iframe. –

Вы можете, однако, сделать это: 'document.getElementById (" frameId "). ContentWindow.document.getElementById (" id ")' – JCOC611

@ JCOC611 'document.getElementById («frameId»). contentWindow.document' также запрещает доступ к этим дням, насколько я могу видеть (по крайней мере, в FF) – YakovL

<iframe id="moo" src="something.html"><iframe> 
<script> 
function onContentChange(){ 
    var NewSize=$('moo').getScrollSize(); 
    $('moo').setStyles({ 
    width: NewSize.x, 
    height: NewSize.y 
    }); 
} 
</script>

и внутри somthing.html, на дне или OnLoad случае сделать что-то на линии

window.parent.window.onContentChange()

источник

2011-02-09 01:53:26

Должно быть '' '$ ('# moo')' '', если это должно быть вызовом jquery ... – Guntram

Когда я это написал, я был mootools. –

Динамически визуализировать iframe в javasc когда контейнерный элемент («td1») был нарисован.

<script type="text/javascript"> 
    var iframesrc = "@Href("~/about")"; 
    function init() { 
    var vHeight = document.getElementById("td1").offsetHeight; 
    document.getElementById("td1").innerHTML="<iframe style=\"width:100%; height:" + vHeight + "px\" src=\"" + iframesrc + "\"></iframe>"; 
    } 
    window.onload = init; 
</script>

...

<td id="td1" style="width: 100%; height:100%;">     
</td>

источник

2011-05-04 03:02:03 Luis

Вот решение с помощью JQuery:

$('#iframe').height($('#iframe').contents().find('body').height());

источник

2014-02-13 12:47:12

make iframe height fit content

ответ

Смежные вопросы