michatronic Homepage | iFrame responsive

» iFrame responsive

Responsive iFrame!

1. Javascript Code between <head> and </head>:

<script type="text/javascript"> function iframeLoaded() { var iFrameID = document.getElementById('idIframe'); if(iFrameID) { iFrameID.height = ""; iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; } } </script>

Important: It does only work at same domain.

2. iFrame Code between div-Tags (<div> </div>):

<div> <iframe src="http://www.ihredomain.de/text.html" id="idIframe" width="100%" onload="iframeLoaded()" style="border: none;" allowfullscreen> </iframe> </div>

Description: The iFrame must have these Parameters:

id="idIframe"
onload="iframeLoaded()"
allowfullscreen

3. Finish!