Dynamic height of iFrame to 100%

Hey don_olli,
Thanks for the link to your page, in a previous thread I found that the following script would get the height of the iframe page and set the height on load, you will note the iframe code has a function for the height. Try adding this code in your code block element for the script and the iframe link.
This only works if the iframe is the same domain, otherwise you will get a CORs error.

<script type="text/javascript">
function calcHeight(iframeElement){
    var the_height=  iframeElement.contentWindow.document.body.scrollHeight;
    iframeElement.height=  the_height;
}
</script>
<iframe src="https://www.lsc-berlin.de/anmeldung/working_area/anmelden.php?turnier=2" onLoad="calcHeight(this);" frameborder="0" scrolling="no" width="100%" ></iframe>

Below I have linked to my test page of an iframe on my domain.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
I see that you are getting a CORs error:

(index):294 Uncaught DOMException: Blocked a frame with origin “http://neueseite.lsc-berlin.de” from accessing a cross-origin frame.
at calcHeight (http://neueseite.lsc-berlin.de/test-iframe/:294:50)
at HTMLIFrameElement.onload (http://neueseite.lsc-berlin.de/test-iframe/:298:159)

so it looks like your sub-domain is cross-origin blocking, please ask your web host to setup allow cross-origin between your domain and sub-domain, this has to be done on the server.
You can test a page on the same sub-domain and see that this will work, as in my text page.
Typically iframes will only work on the same domain unless the server is set up to allow cross-origin.

Best regards,
Mike

Hi,

Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard