I have a script editor web part on a page in my site. I have the following code in it:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
document.getElementById("myframe").style.height=$('#myframe').contents().find('#divContent').clientHeight;
});
</script>
Currently it is meant to change the height of an iFrame based on the size of the contents inside. It is currently not changing anything.
Why would this snippet not run when the page is loaded and set the size of the frame?
EDIT:
<iframe width='90%' src='//????.sharepoint.com/sites/test/AppBrightBanner/Pages/BannerAppPart.aspx?ASpeed=500&PauseTime=4000&Effect=random&NavThumbs=false&ThemeColor=rgb(0%2C%20114%2C%20198)&ThemeStyle=bar'
frameborder='0' scrolling='no' seamless id="myframe"></iframe>
iFrame which is being used and when added to a content editor is being stuck at 150px in height, but when not in editor it is completly stripped and not viewable.
HTML from F12. Are these classed as outside the iframe?