Go to top function after submission

  • smacrae347
    Asked on September 1, 2014 at 4:04 PM

    I need my form to go back to the top after user clicks the submit button so they can see the Thank You msg.

    http://www.dogsbydebin.com/#!adoption-application/c1nei

  • Carina
    Replied on September 1, 2014 at 4:33 PM

    I could replicate the same situation, with the thank you message becoming hidden as the form is submitted. 

    Please try adding this code  onDISABLEDload="self.scrollTo(0,0)" to your iFrame embedding code, as shown bellow: 

    <iframe onDISABLEDload="self.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/12985150393" frameborder="0" style="width:100%; height:1720px; border:none;" scrolling="no">

    Go to top function after submission Image 1 Screenshot 20

    Let us know if the problem persists.

    Thank you

  • smacrae347
    Replied on September 1, 2014 at 4:55 PM

    So do I replace everything that is currently in my iframe with what is in blue and yellow above? It won't let me make any changes to the iframe.

  • David JotForm Support Manager
    Replied on September 1, 2014 at 5:32 PM

    I guess the code that my colleague posted is an example code, simply go get your form's iFrame code, copy the code and paste it in a notepad, add the provided portion of code (the one highlighted in yellow) in your iFrame code as shown on the image above.

    Then copy iFrame code and replace it for the one that is currently embedded in your webpage. Let us know what happens.

  • smacrae347
    Replied on September 1, 2014 at 5:46 PM

    BDAVID,

     

    I must be doing something wrong, it won't let me update the iFrame. I went in according to how it is showed above, but it will only let me highlight it. I was able to update the code in Notepad, but it won't let me copy it over.  Is there a different path or screen that I have to go into to actually update it?

  • David JotForm Support Manager
    Replied on September 1, 2014 at 6:15 PM

    When you go to Setup&Embed, Embed Form:

    Go to top function after submission Image 1 Screenshot 90

    Select iFrame in the embed form wizard:

    Go to top function after submission Image 2 Screenshot 101

    Double click in the box, so all the code gets selected(when it is highlighted in blue) and copy it:

    Go to top function after submission Image 3 Screenshot 112

    Then paste it in a text editor:

    Go to top function after submission Image 4 Screenshot 123

    Remove the code between the script tags:

    Go to top function after submission Image 5 Screenshot 134

    Then add the code provided by my colleague"onDISABLEDload="self.scrollTo(0,0)" " instead of "onDISABLEDload="window.parent.scrollTo(0,0)" " :

    Go to top function after submission Image 6 Screenshot 145

    Go to top function after submission Image 7 Screenshot 156

    Once you have it, simply copy it all:

    Go to top function after submission Image 8 Screenshot 167

    And paste it instead of the embedded code you have in your webpage, Let us know what happens.

  • smacrae347
    Replied on September 1, 2014 at 6:46 PM

    Ok, I did that but it still isn't scrolling to the top of page so that the user can see

    that page has been submitted.  The msg is there if I manually scroll up to the top of 

    page, but it doesn't do it automatically.

  • Kiran Support Team Lead
    Replied on September 1, 2014 at 8:48 PM

    I see that you are using Wix platform to build your website. Could you confirm if you are using the method as provided in the guide Adding-a-form-to-Wix-Site is followed to embed the form in the website.

    If not, could you try replacing with the following code to embed in the website by following the guide Adding-a-form-to-Wix-Site that is provided with step by step instructions and graphical illustrations.

    <iframe id="JotFormIFrame" onDISABLEDload="self.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

    If the issue still persists, please reply to this post. We are happy to look into further.

    Thank you!!

  • smacrae347
    Replied on September 1, 2014 at 8:58 PM

    Yes, below is the code I currently have in the HTML apps area in my Wix website

    <iframe id="JotFormIFrame" onDISABLEDload=”self.scrollTo(0,0)”allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

  • Ashwin JotForm Support
    Replied on September 1, 2014 at 10:31 PM

    Hello smacrae347,

    I did check your web page where you have embedded your form and it seems the syntax in the iFrame code you have added is not correct. Please check the screenshot below where I have marked the error:

    Go to top function after submission Image 1 Screenshot 20

    Please replace your existing iFrame code in your wix site with the following iFrame embed code and see if that solves your problem:

    <iframe id="JotFormIFrame" onDISABLEDload="self.scrollTo(0,0)"  allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

    Hope this helps.

    Do get back to us if the issue persists.

    Thank you!

  • smacrae347
    Replied on September 1, 2014 at 10:39 PM

    It still doesn't take me to the top, so that the user can see the Thank You msg at the top.

  • Ashwin JotForm Support
    Replied on September 1, 2014 at 11:28 PM

    Hello smacrae347,

    Please try to use the following code and see if this makes any difference:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)"  allowtransparency="true" src="//form.jotform.us/form/41378686389171" frameborder="0" style="width:100%; height:3602px; border:none;" scrolling="no"></iframe>

    Thank you!

  • smacrae347
    Replied on September 1, 2014 at 11:47 PM

    Well, we may be getting close.  :)   

    When I submit the form now something flashes on the screen but goes away before I can read it, but I still have to scroll up to the top of the form to see the Thank You msg.

  • Ashwin JotForm Support
    Replied on September 2, 2014 at 12:19 AM

    Hello smacrae347,

    This is strange. 

    Which WIX theme are you using? Please let us know and we will try to configure it here for testing. For now I would suggest you to add a custom thank you page in your web site and redirect your user to this page after the form submissions. The following guide should help you:  http://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page 

    We will wait for your response.

    Thank you!

  • smacrae347
    Replied on September 2, 2014 at 12:28 AM

    I'm not sure how to find out which WIX theme I'm using?  Can you suggest how?

    I will go ahead and try and set up a custom thank you page in my website for now, as you suggested.

     

    Thank you for your persistence with this.  

  • Ashwin JotForm Support
    Replied on September 2, 2014 at 3:29 AM

    Hello smacrae347,

    I did try to figure out how find the wix template name currently used in wix website but could not find it. I will try to find an option for this.

    Please go ahead and add a custom thank you page in your web site and see if that solves your problem.

    Do get back to us if the issue persists.

    Thank you!