set iframe height dynamically depending on content

Asked Feb 13 '15 at 16:23

Active Feb 13 '15 at 16:31

Viewed 58 times

I have this code

var c_iframe = document.createElement('iframe');
c_iframe.setAttribute('frameborder', '0');
c_iframe.setAttribute('width', '500');
c_iframe.setAttribute('height', '600'); // <----- 
c_iframe.setAttribute('scrolling', 'no');

but I want the height to be dynamic depending on its content.

how can I do it?

the things is, the content of iframe is loaded per ajax, so iframe loads only once, the first time. then I will change the content by ajax - those new contents are of different height. so, in this case, I cannot use onload to detect the new height.

edited Feb 13 '15 at 16:31

asked Feb 13 '15 at 16:23

doniyor

36,596
57
175
260

3

Is the source of the iframe local? e.g. on the same domain? – Erik Terwan Feb 13 '15 at 16:24
@Terwanerik I can control the source, yes. It is coming from my server and can be served in other domains – doniyor Feb 13 '15 at 16:25
@doniyor See this answer: http://stackoverflow.com/a/9163087/4359029 – tomloprod Feb 13 '15 at 16:26
It is when you want to set the height, then please refer to this answer http://stackoverflow.com/a/9163087/886926 – Erik Terwan Feb 13 '15 at 16:26
try this, [Another solution on stackoverflow][1] [1]: http://stackoverflow.com/questions/9162933/make-iframe-height-dynamic-based-on-content-inside-jquery-javascript – Mr. Developer Feb 13 '15 at 16:26
Use the `AJAX` `callback` function to re-execute the code is called by the `onload` – tomloprod Feb 13 '15 at 16:35
1

@tomloprod good point! :) thanks – doniyor Feb 13 '15 at 16:38

set iframe height dynamically depending on content

0 Answers0