iframe Redimensionner pour adapter son contenu

Question

Possible en double:
Resizing an iframe based on content

J'ai un iframe où le src est un fichier HTML et ce iframe est mis à l'intérieur usercontrol:

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

J'ai besoin de l'iframe pour redimensionner en fonction du contenu afin que sa hauteur soit définie en fonction du h ieght du fichier HTML et je n'ai pas besoin d'utiliser l'attribut de défilement. Avez-vous une idée?

Answer 1

Vous pouvez déterminer la hauteur et la largeur du contenu à l'intérieur du cadre, puis appeler une fonction située sur le propriétaire du cadre pour définir la hauteur et la largeur de l'élément iframe.

Answer 2

Il y a un moyen! C'est en jquery et c'est trop simple. Kinda hacky ..

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

Et voilà!

À la votre! :)

Answer 3

Je l'ai utilisé le code jQuery suivant pour ce faire:

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

Je ne pense pas que cela fonctionnera si le contenu iFrame sont inter-domaines, cependant.