iframe auto resize

[rockrgo 138]

Boa tarde pessoal,

 

tenho um iframe em uma página onde ele importa um formulário dinâmico e a altura deste formulário fica variando de acordo com os campos selecionados, pois novos campos são adicionados ao formulário.

 

tenho uma função que define uma altura automática para o iframe.

    $('iframe').load(function () {
        iResize();
    });
    function iResize() {    
        $("iframe").height($("iframe").contents().find(".section-color").height());
    }

como podem ver ele chama a função de resize no load da página no iframe. O problema é que quando é adicionado novos campos ao formulário e seu height fica maior e ele estoura o tamanho do iframe.

 

Minha intenção é fazer com que o tamanho do iframe sempre acompanhe o conteúdo interno quando o mesmo variar.

 

Existe alguma função que identifique que a altura do conteúdo foi modificada e assim eu possa chamar novamente a função iResize para ajustar o iframe novamente?

[rockrgo 138]

pessoal não resolvi da forma que gostaria, mas consegui fazer ele ajustar, mas só ajusta quando clico fora do select. vou deixar o tópico aberto para alguma sugestão ou melhoria.

 

meu código que atualiza.

var contents = $("iframe").contents().find('body');
contents.bind('DOMNodeInserted DOMNodeRemoved', function(event) { 
     iResize(); 
});