Can't get the form to scroll
I have a long form and want to create an iframe to place it on the website. What part of the code can I place as the source for the form....I have used this iframe code a lot but can't get it to work: <iframe src="http://www.com" height="550" width="900"></iframe>
Also the code to paste into the website give options like scrolling and the for length, but when I change them it doesn't seem to do anything.
I included the form code below for review:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"loan%2520app.php" + window.location.search + "\" width=\"802\" height=\"7600\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"loan%2520app.php\" title=\"loan%2520app\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="802" height="7600" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="loan%20app/loan%20app.html">
<a href="loan%20app.php" title="loan%20app">Check out my CoffeeCup
Form</a>
</iframe>
</noscript>
Also the code to paste into the website give options like scrolling and the for length, but when I change them it doesn't seem to do anything.
I included the form code below for review:
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"loan%2520app.php" + window.location.search + "\" width=\"802\" height=\"7600\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"loan%2520app.php\" title=\"loan%2520app\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="802" height="7600" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="loan%20app/loan%20app.html">
<a href="loan%20app.php" title="loan%20app">Check out my CoffeeCup
Form</a>
</iframe>
</noscript>
Hi Joshua,
Eric Rohloff wrote:
Add this to the top of the page that your iframe embed code is on for the form.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript">
jQuery(document).ready(function() {
$('body iframe').load(function(){
$(window).scrollTop(0);
});
});
</script>
Add this to the top of the page that your iframe embed code is on for the form.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript">
jQuery(document).ready(function() {
$('body iframe').load(function(){
$(window).scrollTop(0);
});
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
That didn't work. Can't I just take the scripting part for the form and put into a simple iframe code? I normally use this code to put any type of feed into...<iframe src="http://www.sitename.com" height="550" width="900"></iframe>
Also the code has iframe reference, size of frame code, and reference to scrolling, so it shouldn't need any separate code to work.
Also the code has iframe reference, size of frame code, and reference to scrolling, so it shouldn't need any separate code to work.
You need the overflow hidden in there. Also rename your form without spaces in the name.

<iframe width="100%" height="884" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src=myformname/myformname.html">
</iframe>
id="fb_iframe" src=myformname/myformname.html">
</iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Here is something strange when I place the code in the scrollbar shows and then disapears:
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
BUT
when I paste 2 sets (do multiples to test the code) the second one keeps the scoll bar
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
What could cause the scroll bar to stay when I have 2 iframes?
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
BUT
when I paste 2 sets (do multiples to test the code) the second one keeps the scoll bar
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
<p><iframe width="100%" height="800" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="loanapp/loanapp.html" name="fb_iframe"></iframe></p>
What could cause the scroll bar to stay when I have 2 iframes?
Try removing the <p></p> tags.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.