Changing the height of iframe according to the content in it?

Question

I have a popup div in which I have an iframe. Initially, I have set the height of iframe to some px according to the content in it.

Now, I have a click event on the iframe from which I am redirecting to another view but this view has more content to fit the height. So I want to change the height of the iframe on that event or on the load of other view but I am unable to access the iframe from within that click event of a button.

Answer 1

EasyXDM provides a bunch of useful functions in order to manipulate communication between the client and fetched iframes

Here is an example similar with what you want to achieve. Keep in mind that you should also control the content into the iframe as well.