https://www.machform.com/forums/ MachForm Community Forums Topic: Auto expand/adjustable iframe en Wed, 06 May 2026 10:58:23 +0000 https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-22659 Wed, 04 Feb 2015 21:42:58 +0000 lancenickel 22659@https://www.machform.com/forums/ <p>Try this. It might work as an alternative to the javascript embed method. I have used it. I'm using the regular iframe embed. No jquery core needed.</p> <p>Put in the head</p> <pre><code>&lt;script&gt; function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.body.scrollHeight + &#39;px&#39;; } &lt;/script&gt;</code></pre> <p>and on the iframe add the onload function</p> <pre><code>&lt;iframe allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; height=&quot;1039&quot; onload=&quot;javascript:resizeIframe(this);&quot; scrolling=&quot;no&quot; src=&quot;http://yoursite.com/form/embed.php?XXXXX&quot; style=&quot;width:100%;border:none&quot; title=&quot;&quot;&gt;&lt;/iframe&gt;</code></pre> <p>I have not tested in IE so use at own risk. :) </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-22622 Sat, 31 Jan 2015 06:36:49 +0000 shopkins 22622@https://www.machform.com/forums/ <p>Hi,<br /> I am having the same problem with iFrame not adjusting. I have added the code to my website, but it appears that</p> <p>/machform/js/jquery/jquery-core.js</p> <p>does not exist. Please advise.<br /> Sam </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-20393 Fri, 07 Mar 2014 04:43:14 +0000 cr 20393@https://www.machform.com/forums/ <p>Hi very good job, I have a problem with forms, when the page is resized (responsive) the form disappears in the bottom, I tried to embed with (iframe) and (js) with wordpress plugin, thank you for your time</p> <p>*I tried to create a class and add height to the iframe but when there is an error message or form, the form expands and the bottom disappears</p> <p>Link: <a href="http://colombiarents.com/en/rent/palmetto-eliptic-cartagena-001/" rel="nofollow">http://colombiarents.com/en/rent/palmetto-eliptic-cartagena-001/</a> </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-13039 Tue, 20 Dec 2011 11:20:23 +0000 jakedonahue 13039@https://www.machform.com/forums/ <p>Awesome, this worked perfectly... I just have one small problem. I'm using this on Wordpress, and any page where I have used this code prevents my Menu from letting the Submenu appear. For example, I have a Menu button with three options underneath that appear when you hover over the button. Yet once I get to a page with my Form, those options do not appear... Any ideas? </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-12767 Mon, 17 Oct 2011 20:49:58 +0000 beeeno 12767@https://www.machform.com/forums/ <p>Thanks Yuniar, but I have tried both scripts and cannot get to either to work. Reading on to other contributors it just gets more confusing. I can't use the advanced php code because the forms are on pages created by a page builder feature which uses the same php file as a basis for many pages.</p> <p>It seems to me a problem that could do with revising in next version. It is logical that any info on a page filled form fields, text boxes etc is going to be significantly smaller when the data is condensed down to mainly single lines, and so never needs the original iframe size used for the form.</p> <p>One workaround that would help problem in my case might be if the 'continue' button on the bottom of the form had a hidden 'go to top of page' code added, so that when review page comes up we are back at top instead of looking at bottom of iframe and blank white screen. Would this work? If so what/where needs inserting?</p> <p>Thanks<br /> Beeeno </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-12559 Fri, 09 Sep 2011 03:22:28 +0000 bashfoo 12559@https://www.machform.com/forums/ <p>Thanks for the fix. I added the <a href="http://www." rel="nofollow">www.</a> to the URI and allowTransparency="true" and it works great. Thanks for screwing me up Microsoft! </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11919 Sat, 30 Apr 2011 17:15:04 +0000 yuniar 11919@https://www.machform.com/forums/ <p>Alternatively, you can try renaming your file into PHP file, such as "j3.php" and then use the PHP embed code instead of the iframe code.</p> <p>This way you won't need to use any Javascript and the page will scroll right into the top when being submitted. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11918 Sat, 30 Apr 2011 17:13:40 +0000 yuniar 11918@https://www.machform.com/forums/ <p>I've tested using Firefox and Safari. The javascript works fine and automatically adjust the height of the iframe, based on the iframe content.</p> <p>However, it can't really scroll into the top of your HTML page indeed. It only scroll up to the form container.</p> <p>Regarding the page which is getting cutoff, I think you can try to add this CSS code into your HTML page CSS file:</p> <pre><code>#content_footer{ clear: both; }</code></pre> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11915 Sat, 30 Apr 2011 01:01:47 +0000 jonb 11915@https://www.machform.com/forums/ <p>putting it on one line did it, the form is displaying. However,(there is always a however!!) a couple of issues.</p> <p>When it goes to the confirmation page, the page starts the display at the bottom, so there is still the need to scroll up. Also, the html pagethat the form is embedded into is longer than the form(confirmation page) length, so the rest of the page is getting cutoff. </p> <p>I also tested in safari, another little quirk, is when it goes to the confirmation page, (which is shorter than the actual form) the remaining part of the form still shows on the confirmation page.(you kinda gotta try it to see what i mean).</p> <p>go ahead a test it all you want.</p> <p>thanks<br /> j </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11909 Fri, 29 Apr 2011 20:33:49 +0000 yuniar 11909@https://www.machform.com/forums/ <p>Ok, there are two problems there.</p> <p>1) The iframe code is referring to <a href="http://www.biyc.bc.ca" rel="nofollow">www.biyc.bc.ca</a> while the URL above doesn't use www<br /> Both are considered as separate subdomains, thus the Javascript won't work due to browser security limitation.</p> <p>You will need to access it using this URL instead:<br /> <a href="http://www.biyc.bc.ca/j3.html" rel="nofollow">http://www.biyc.bc.ca/j3.html</a></p> <p>2) Try to change your current code:</p> <pre><code>$(&quot;#frame_marker&quot;).after(&#39;&lt;iframe height=&quot;1&quot; id=&quot;my_iframe&quot; allowTransparency=&quot;true&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;width:100%;border:none&quot; src=&quot;&quot; title=&quot;form&quot;&gt;machform&lt;/iframe&gt;&#39;);</code></pre> <p>adjust the above code and make it into one line instead of 4 lines. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11906 Thu, 28 Apr 2011 23:37:59 +0000 jonb 11906@https://www.machform.com/forums/ <p>I made the change, but still get a blank screen. </p> <p>This is the test html I am using: <a href="http://biyc.bc.ca/j3.html" rel="nofollow">http://biyc.bc.ca/j3.html</a></p> <p>the actual one that is working(except on safari) is:http://biyc.bc.ca/rbrreg.php </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11901 Thu, 28 Apr 2011 14:27:35 +0000 yuniar 11901@https://www.machform.com/forums/ <p>Oops... sorry about that.<br /> It should be the path to jquery-core.js</p> <p>So the path for you should be:</p> <p><a href="http://www.biyc.bc.ca/machform/js/jquery/jquery-core.js" rel="nofollow">http://www.biyc.bc.ca/machform/js/jquery/jquery-core.js</a> </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/3#post-11897 Thu, 28 Apr 2011 01:00:03 +0000 jonb 11897@https://www.machform.com/forums/ <p>I did try it and got a blank page(yes I changed the url specific info). On further investigation, i found that the link<br /> &lt;script src="http://www.biyc.bc.ca/machform/js/jquery.js"&gt;&lt;/script&gt; is not found.</p> <p> I looked in the folder under js and there is no jquery.js. There is base.js, calendar.js,email_entry.js,machform.js,rico.js,view.js, and a jquery sub directory. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11886 Tue, 26 Apr 2011 12:13:10 +0000 yuniar 11886@https://www.machform.com/forums/ <p>jonb -- have you tried the new javascript code I've posted on the first page? </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11880 Tue, 26 Apr 2011 01:25:36 +0000 jonb 11880@https://www.machform.com/forums/ <p>I thought I was having similar problem, going from form entry screen to review screen, I had to scroll up to see the review screen. But I found that this was only happening using Safari. I tested, IE, firefox, chrome, all worked fine placing the user at the top of the review screen. Anyone have any fixes for safari. I am using iframe embeded in page. </p> <p>cheers<br /> j </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11879 Mon, 25 Apr 2011 23:08:55 +0000 nealchester 11879@https://www.machform.com/forums/ <p>Thanks Yuniar,<br /> Your suggestion worked! Your form system is by far the best. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11877 Mon, 25 Apr 2011 13:10:00 +0000 yuniar 11877@https://www.machform.com/forums/ <p>Try to change this code:</p> <pre><code>$(&quot;#frame_marker&quot;).after(&#39;&lt;iframe height=&quot;1&quot; id=&quot;my_iframe&quot; allowTransparency=&quot;true&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;width:100%;border:none&quot; src=&quot;&quot; title=&quot;form&quot;&gt;machform&lt;/iframe&gt;&#39;);</code></pre> <p>make them into a single line. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11874 Sun, 24 Apr 2011 02:54:52 +0000 nealchester 11874@https://www.machform.com/forums/ <p>Greetings Yuniar,<br /> I purchased your form system a while back and it works great. I just checked this page and found that you updated the auto expand script. I was wondering how to get it to work.<br /> Currently I use Jquery which is already in my &lt;head&gt;. It's being minified along with other scripts. So I don't think that the jquery is broken because all my other scripts are working just fine, and they're Jquery dependent.</p> <p>The other part of your code I put on my page (I'm using WordPress on code view) and nothing but the div shows up. it looks like this in the code: </p> <p>&lt;div id="frame_marker" style="display:none"&gt;&lt;/div&gt;</p> <p>here's the page: <a href="http://ikwebdesigner.com/contact/details/" rel="nofollow">http://ikwebdesigner.com/contact/details/</a><br /> I currently have the regular iframe code on there. So if this was to work it would be duplicate forms, but the auto-expand-adjustable isn't showing up. I also tried your code without the standard iframe code on the page and still doesn't show up.</p> <p>I'm not sure what the problem is. All your help is appreciated.</p> <p>BTW: you helped me before by getting the PHP version of the embed code to work in WP. After WP upgraded to 3.1.1 it didn't work any more. So Now, I'll just use the iFrame version. </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11841 Sat, 16 Apr 2011 18:18:22 +0000 yuniar 11841@https://www.machform.com/forums/ <p>I think you can use the HTML Snippet widget using iWeb to insert Javascript code.<br /> I've updated the code on the first page, try to use the code here:<br /> <a href="http://www.appnitro.com/forums/topic/auto-expandadjustable-iframe?replies=34#post-3049" rel="nofollow">http://www.appnitro.com/forums/topic/auto-expandadjustable-iframe?replies=34#post-3049</a> </p> https://www.machform.com/forums/topic/auto-expandadjustable-iframe/page/2#post-11834 Fri, 15 Apr 2011 15:48:33 +0000 klaus789 11834@https://www.machform.com/forums/ <p>I'm having the same problem: when form editing is completed and i hit "continue", the user has to scoll up in order to confirm.<br /> I'm using iWeb - so I can't insert javascript and php code. Any other suggestions that can solve this problem?<br /> Thx! Klaus </p>