Установите ширину и высоту iFrame в зависимости от содержимого

Question

Установите ширину и высоту iFrame в зависимости от содержимого

0

В настоящее время у меня есть модальный диалог jquery iframe, который открывает страницу ASPX. Эта страница содержит еще один iFrame с jQuery. Содержимое iframe не имеет ни высоты, ни ширины, поэтому размер зависит от размера содержимого внутри. Внешний jQuery iframe modal не имеет размера в соответствии с содержимым iframe внутри него. Вот код для открытия модального:

function openModal() {

    var horizontalPadding = 30;
    var verticalPadding = 30;
    var jqurl = "ContentPage.aspx";
    var title = "Modal Title";
    jQuery('<iframe scrolling="no" id="cLaunch" class="cLaunch" src="' + jqurl + '" frameborder="0"/>').dialog({
        title: title,
        modal: true,
        resizable: true,
        position: ['center', 50],

        fluid:true,
        overlay: {
            opacity: 0.5,
            background: "grey"
        }

    });
}

setInterval(function () {
    document.getElementById("cLaunch").style.width = document.getElementById("cLaunch").contentWindow.document.documentElement.scrollWidth + 30 +  'px';
    document.getElementById("cLaunch").style.height = document.getElementById("cLaunch").contentWindow.document.body.scrollHeight + 'px';


}, 1000)

ConentPage.aspx:

<iframe name="contentloader"  id="contentloader"  frameborder="0" scrolling="no"></iframe>

Любая помощь будет оценена по достоинству.

user2975553 10 нояб. 2013, в 07:47

Источник

Теги:

javascript

jquery

iframe

width

height

1 ответ

Ещё вопросы

Pbk1303 · Answer 1 · 2013-12-31T03-31-00.000Z

Попробуйте установить ширину и высоту iframe на основе содержимого, загруженного внутри iframe

$("#cLaunch").load(function() {
    $(this).height( $(this).contents().find("body").height());
    $(this).width( $(this).contents().find("body").width());
});