iframe динамической высоты и ширины

[pronax]

Всем привет, собственно сабж нужен.
Гугл нечего дельного и рабочего не выдал.
Проблема в том что начальство требуется интегрироваться в другие сайты(наших партнеров), они разрешают только iframe. Да и мне удобней менять контент на своей стороне, а не просить партнеров в случае каких-то изменений.

 

[dandandan]

Автоматический resize высоты IFRAME, загруженного с другого домена, или кое-что о кроссдоменной передаче данных
Для просмотра ссылки Войди или Зарегистрируйся

 

[pronax]

Автоматический resize высоты IFRAME, загруженного с другого домена, или кое-что о кроссдоменной передаче данных
Для просмотра ссылки Войди или Зарегистрируйся

этот способ уже не работает, в IE бесконечный редирект, в Опере не работает.

 

[Andipas]

Обычно, ширину iframe можно подобрать универсальную, а вот с высотой проблемы.
Для выставления нужной высоты есть библиотечка jquery.iframe-auto-height.
Находится по адресу Для просмотра ссылки Войди или Зарегистрируйся

 

[Red Admin]

Ребят, я в JS неособо понимаю (почти полный 0), поможитя, плз.
У меня есть такой код для Joomla:

function iFrameHeight()
{
     var h = 0;
    if (!document.all)
    {
        h = document.getElementById('blockrandom').contentDocument.height;
        document.getElementById('blockrandom').style.height = h + 60 + 'px';
    } else if (document.all)
    {
        h = document.frames('blockrandom').document.body.scrollHeight;
        document.all.blockrandom.style.height = h + 20 + 'px';
    }
    h = document.getElementById('blockrandom').contentDocument.documentElement.scrollHeight;
    document.getElementById('blockrandom').style.height = h + 'px';
}

Но он отсчитывает:
1. Высоту iFrame только при загрузке страницы. А хотелось бы и при изменении размеров окна браузера. Например я сдвигаю окно по ширине, вложенный документ (текст) соответственно то же сдвигается, тем самым становясь уже, но при этом длинее (выше). А этот скрипт не меняет высоту при этом.
2. Если на странице более одного iFrame, то высота считается только для первого. А хочется для всех.

Поможитя чем сможитя...

На свое первое пожелание, получилось выкрутится так (уж не знаю на сколько это правильно

setInterval(function iFrameHeight()
 {
    var h = 0;
    if (!document.all)
    {
        h = document.getElementById('blockrandom').contentDocument.height;
        document.getElementById('blockrandom').style.height = h + 60 + 'px';
    } else if (document.all)
    {
        h = document.frames('blockrandom').document.body.scrollHeight;
        document.all.blockrandom.style.height = h + 20 + 'px';
    }
    h = document.getElementById('blockrandom').contentDocument.documentElement.scrollHeight;
    document.getElementById('blockrandom').style.height = h + 'px';
 },1000);

Осталось понять, что делать при нескольких iFrame(второй вопрос)...

 

[m@rks]

подключи jquery и используй событие .resize() на разных iframe

 

[Red Admin]

А можно поподробнее? Какие изменения нужно внести в скрипт, чтобы заработало?

 

[m@rks]

А можно поподробнее? Какие изменения нужно внести в скрипт, чтобы заработало?

вот пример:
$( window ).resize(function() {
$( "#iframe1" ).height( значение );
});

 

[Red Admin]

height( значение );

Что записывается в значение? И/или где почитать подробный ман с примерами по подключению и использованию?

Я так предполагаю должно быть нечто вроде этого:

$(window).resize(function iFrameHeight() { 
                        var iframe = $('#iframe', parent.document.body);
                        iframe.height($(iframe).contents().find('body').height());
});

Но так не работает (наверное потому, что ни где не задан document.getElementById('blockrandom'))?

 

[m@rks]

Что записывается в значение? И/или где почитать подробный ман с примерами по подключению и использованию?

туда записывается значение высоты iframe Для просмотра ссылки Войди или Зарегистрируйся