embedding jotform to muse... reset to top view on the browser

  • Profile Image
    schnate124
    Asked on January 23, 2014 at 06:40 PM

    I'm using jotform to embed a dropbox upload on my site and everytime the form is called it returns the browser to the top of the page... 

    I'm using the iframe embed as the other optionis are giving me wierd java errors (see screenshot...) and whatnot.

    Also, I'm using the muse presentation widget to call between my contact form and my dropbox. You get one click on dropbox that works fine and wont send you to the top until you submit a form. However, if click the dropbox icon, then switch back to contact, and back to dropbox again, to the top you will go.  

    Have a look at the site listed below... any solutions are much apreciated. 

    - Nate

  • Profile Image
    jonathan
    Answered on January 23, 2014 at 08:14 PM

    Hi,

    I was able to see your reported issue on this website http://www.archpig.com/#contact 

    If you go back and forth clicking on Contact and dropbox form, clicking on the dropbox form icon once again will trigger the reset to top view of the browser.

    ---
    Can you please try first re-embedding the form using its iframe code but do not include anymore the script part of the code.
    Example, if this is your form's iframe code
    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.ca/form/40198270977263" frameborder="0" style="width:100%; height:457px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>
    exclude the red higlighted codes in the embed. Use only the top portion in yellow highlights.
    Please try this. Inform us if this does not fix the issue.
    Thanks.
  • Profile Image
    schnate124
    Answered on January 23, 2014 at 09:22 PM

    Thank you for getting back to me so quickly. Unfourtunately, the problem is still there...

  • Profile Image
    Welvin
    Answered on January 24, 2014 at 04:09 AM

    Hi,

    Kindly remove the onload property from the iFrame Codes. Use this codes:

    <iframe id="JotFormIFrame"  allowtransparency="true" src="//form.jotform.ca/form/40198270977263" frameborder="0" style="width:100%; height:472px; border:none;" scrolling="no"></iframe>

    Check if this resolves the issue. Please update us here.
    Thanks
  • Profile Image
    schnate124
    Answered on January 24, 2014 at 01:44 PM

    Boom! "onload="window.parent.scrollTo(0,0)" " Should have seen that. Big up, Welvin. Works like a charm.