I am having problems with anchor links not working on pages where I have a JotForm. I am using Weebly.

  • Profile Image
    Gwalton
    Asked on April 10, 2018 at 04:23 PM

    I was able to verify the form was causing the problem by temporarily deleting the form

     

    Tried direct copying html for form as well as Weebly JotForm App, as well as IFrame code. All behave the same

  • Profile Image
    Kevin_G
    Answered on April 10, 2018 at 07:08 PM

    May we know where the form is embedded on? 

    Also, are the anchor tags in the form or web page (outside the form)?

    We will need to further investigate this issue on our end in order to properly assist you. 

    We will wait for your response.  

  • Profile Image
    Gwalton
    Answered on April 11, 2018 at 12:53 PM

    Site is www.belgianhareclub.com  Links are on "Membership" page. The anchor links are on the page itself and not part of the form. I temporarily moved the JotForm to a separate page so the anchor links would work. I will put the form back on the page now if you would like to try it. It will link to the area, and then return back right away. If the form is removed, they work as they should. I contacted Weebly support and they verified the code I have is correct.

    Thanks

  • Profile Image
    Kevin_G
    Answered on April 11, 2018 at 01:08 PM

    I have been testing your page and this is what I can see: 

    15234663161.gif

    May you please let us know if this is the correct process and if this is how it works on your end currently? 

    We will wait for your response. 

  • Profile Image
    Gwalton
    Answered on April 11, 2018 at 01:14 PM

    Yes, This is the page. The anchor links are in the title block such as life time members, etc. The Life time member link should go toward the bottom of the page in the Life Time Membership section. What it does is go there and pop right back

  • Profile Image
    Kevin_G
    Answered on April 11, 2018 at 01:23 PM

    Thank you, I could see the issue now. 

    It seems to happen due to the code on the iFrame embed method, the code actually forces the page to jump to the very top, that's why the behavior. 

    In order to resolve this you may try embedding your form using the iFrame code and removing the "onload" part, example: 

    <iframe

           id="JotFormIFrame"

           onload="window.parent.scrollTo(0,0)" (REMOVE THIS)

           allowtransparency="true"

           src="https://form.jotform.com/23456789"

           frameborder="0"

           style="width:100%;

           height: 8815px;

           border:none;"

           scrolling="yes">

         </iframe>

    Please give it a try and let us know how it goes. 

    I think you may also try removing the entire link from the anchor tag and use just the element id, so instead os using this as link: 

    http://www.belgianhareclub.com/Membership.html#HCForm

    You may use just this:

    #HCForm

    It should not reload the page and just move the user to the section with that id instead. If you try this then you do not need to make the change I suggested to the iFrame code. 

    I hope this helps. 

  • Profile Image
    Gwalton
    Answered on April 11, 2018 at 06:43 PM
    I tested both methods that you suggested & with either method the links
    worked correctly.
    Thanks again for your help. I really appreciate the support!
    ...