iframe cambio de tamaño para adaptarse a su contenido

Question

Duplicar posibles:
Resizing an iframe based on content

tengo un iframe en el que el src es un archivo HTML y este marco flotante se coloca dentro de usercontrol:

<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe> 

Necesito el iframe para cambiar el tamaño de acuerdo con el contenido para que su altura se establece de acuerdo con la h es decir, del archivo HTML y no necesito usar el atributo de desplazamiento. ¿Tiene alguna idea?

Answer 1

Puede calcular el alto y el ancho del contenido dentro del marco y luego llamar a una función que está en el propietario del marco para establecer el alto y el ancho del elemento iframe.

Answer 2

¡Hay una manera! Está en jquery y es demasiado simple. Un poco hacky ..

$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"}); 
setInterval("$('iframe').height($('iframe').contents().find('body').height() + 20)", 1); 

¡Ya lo tiene!

¡Salud! :)

Answer 3

He utilizado el siguiente código de jQuery para hacer esto:

$('#iframe_id').load(function() { 
    $(this).height($(this).contents().height()); 
    $(this).width($(this).contents().width()); 
}); 

no creo que esto va a funcionar si el contenido de iframe son varios dominios, sin embargo.