Как повесить обработчик события unload на iframe?

Question

[resident]

Перепробовал уже много вариантов, ни один так и не сработал.

$('#myiframe').unload(function () {
        alert('iframe unloaded');
        iframe_loaded = false;
    });

Это не работает и аналогичные варианты привязки обработчика события на iframе тоже не работают.

Собственно сама задача в следующем: Есть страница, на ней iframe, в нем открываются страницы сайта и с ними из основной страницы производятся манипуляции на javascript. Так вот, нужно перед тем, как производить какие то действия с страницей в фрейме проверить загрузилась ли она иначе ничего не получится. Идея была в том, чтоб ставить флаги с помощью обработчиков событий load и unload загружена страница или выгружена и потом просто проверять их.

PS: Я не сильно спец в javascript, поэтому буду очень благодарен, если есть способ отслеживания статуса страницы в фрейме проще чем раставление флагов и проверка их перед манипуляциями с DOM в фрейме, либо как нормально прикрутить обработчик unload к iframe.

Answer 1

[Александр]

сейчас похожим занимаюсь - сделал так

var $cont = $('#myiframe_id');
var _oninit = function (e) {
   try {
       var $iframe_doc = $cont.contents();
       if ($iframe_doc
          && $iframe_doc.length
       ) {
             /* Фрейм загружен - можно работать с ним $iframe_doc - это элемент document в фрейме *
             $cont.unbind('load',_oninit);
       } else {
            window.setTimeout( _oninit , 100 );
       }
   } catch (e) {
      window.setTimeout( _oninit, 100 );
   }
};
$cont.bind('load', _oninit );
$cont.attr('src','http://путь к странице которую нужно загрузить в фрейм');

но учтите, что если домен фрейма и верхнего сайта отличается - ничего не выйдет - политика безопасности не даст достучаться до объекта document в фрейме

Comments

[Александр]

$iframe_doc[0] == document

[resident]

С таймаутами конечно вариант, но к сожалению костыль, как ни крути. Думал может есть какое то стандартное решение. В итоге плюнул и переписал все на аяксе)

[Александр]

видать то, чем я занимаюсь отличается
P.S. HTML дёрнутый аяксом и преобразованный в DOM != Полноценная страница, которая добавляет искомый элемент в DOM через 100500 времени

[resident]

@shendel: Видимо да. В моем случае это не имеет значения.

Answer 2

[Дмитрий Батулин]

в JS можно обратиться к iframe так:
document.getElementById("iframe").contentWindow.document.....

Поэтому попробовать узнать его загрузку через JQ
$( document.getElementById("iframe").contentWindow.document ).ready(function() {
/* code here */
});

Попробуй.

Comments

[resident]

C ready тоже не работает так, как хотелось бы.

$('#iframe').attr('src', 'test/sleep.php');

$( document.getElementById("iframe").contentWindow.document ).ready(function() {
alert('iframe ready...');
});

В sleep.php скрипт засыпающий на 25 секунд. При выполнении вышеприведенного кода alert появляется до того, как в фрейм загрузится страница sleep.php.

[resident]

Соответственно при попытке найти какой то элемент на странице sleep.php ничего не находится. В этом и состоит проблема.