Resize iframe on form submit

Hi

Great code! I got my iframe to resize after hours of trying different things. But I have a problem. I got this form on inside the iframe.

<form class="search" action="http://sinsio.dk/search.php" method="get">
<input name="s" id="s" type="text" value="" placeholder="Søg i over 200.000 produkter" /> <input type="submit" value="Søg" />
<input type="hidden" name="post_type" value="product" />
</form>

This changes the content of the iframe to my seach result but the iframe does not resize on this page. Is it possible to resize the search.php page? The file is on the same domain as the original iframe source.

I tried to copy the javascript code from my original iframe but that does not work.

<script>
var iFrameResizer = {
	messageCallback: function(message){
		alert(message,parentIFrame.getId());
	}
}
</script>
<script type="text/javascript" src="https://sinsio.dk/iframe-resizer-master/js/iframeResizer.contentWindow.min.js" defer></script>
<script>
	parentIFrame.size();
</script>

The iframe on the search result page is the same as the height of the iframe before the search.

Any ideas how to solve this?

Kind regards, Michael

[mstorm85]

That also worked for me! Thanks for sharing the solution 😃

[Webteam-IDW]

our Problem is solved by changing the Parameter checkOrigin to false, because we link to another URL in the iframe.