iframe ridimensionamento per adattare il contenuto

Question

Eventuali duplicati:
Resizing an iframe based on content

Ho un iframe dove lo src è un file HTML e questo IFRAME viene messo all'interno di UserControl:

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

Ho bisogno che l'iframe venga ridimensionato in base al contenuto in modo che l'altezza sia impostata in base alla h ieght del file HTML e non ho bisogno di usare l'attributo di scorrimento. Hai qualche idea?

Answer 1

È possibile calcolare l'altezza e la larghezza del contenuto all'interno della cornice, quindi chiamare una funzione che si trova sul proprietario del frame per impostare l'altezza e la larghezza dell'elemento iframe.

Answer 2

C'è un modo! È in jQuery e è troppo semplice. Un po 'hacky ..

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

Ecco qua!

Cheers! :)

Answer 3

Ho usato il seguente codice jQuery per fare questo:

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

non credo che questo funziona se il contenuto iframe sono cross-domain, però.