Form Focus On Page Load

  • Profile Image
    richardcsu
    Asked on July 25, 2011 at 10:33 AM

    When my forms load, the focus of the page is apparently set to the reCaptcha input box, forcing my form to the very bottom when loading.  Is there any way to set the focus of the input to point to the first text field or even better just to the top of the page instead?

     

    EDIT:  I am using an iFrame embedding option, so removing the code line to set the focus on the reCaptcha isn't really an option that I know of...unless you can set this outside the iFrame?

  • Profile Image
    NeilVicente
    Answered on July 25, 2011 at 12:31 PM

    Hello Richard,

    Switching the reCaptcha field back to the ordinary captcha should solve this problem.

    Click your captcha field then click the reCaptcha button to toggle it off and switch back to the old captcha.

     

    Subsequently, I have submitted a ticket to notify our developers about this issue and whether it is possible to have the code responsible for it removed.

    Hope you find this information useful. Feel free to contact us again if you other queries or concerns. Thank you and have a great day!


    Neil

  • Profile Image
    richardcsu
    Answered on July 25, 2011 at 12:37 PM

    Thank you Neil, that is what I have done for the time being...just really liked the reCaptcha! 

    Thanks!

    Richard

  • Profile Image
    NeilVicente
    Answered on July 25, 2011 at 12:49 PM

    No problem Richard. I have actually submitted a report about this a few months back. I just can't remember what the response was. Will try again.


    Neil

  • Profile Image
    ChattCARES
    Answered on August 09, 2011 at 04:25 PM

    this is not the best fix, at least for my site but it kinda works, for now . . .

    create a .js file with the following:

     

      var bFound = false;

      // for each form

      for (f=0; f < document.forms.length; f++)
      {
        // for each element in each form

        for(i=0; i < document.forms[f].length; i++)
        {
          // if it's not a hidden element

          if (document.forms[f][i].type != "hidden")
          {
            // and it's not disabled

            if (document.forms[f][i].disabled != true)
            {
                // set the focus to it

                document.forms[f][i].focus();
                var bFound = true;
            }
          }
          // if found in this element, stop looking

          if (bFound == true)
            break;
        }
        // if found in this form, stop looking

        if (bFound == true)
          break;
      }

     

    upload the file and then call it from any page you're using your form(s) on. it's an o.k. fix until this issue is solved.

    i can't take credit for this it came from:
    http://www.codeproject.com/KB/scripting/FocusFirstInput.aspx

     

    break a code!

    shane

  • Profile Image
    NeilVicente
    Answered on August 09, 2011 at 05:22 PM

    Thanks for sharing your solution, Shane! Alternatively, removing this line in the form's source code should also do the trick :)

  • Profile Image
    ChattCARES
    Answered on August 10, 2011 at 12:20 PM

    neil,

    your solution, and my solution, only work when using the form on an actual page. when using the lightbox option neither solution works. and guess what . . . i want to use the lightbox option AND the recaptcha option!?!?!?

    two questions . . . can your folks remove that focus line from the script? can they also set an option to choose which recaptcha theme to use?

    thanks for a GREAT product and support!!!
    shane

  • Profile Image
    NeilVicente
    Answered on August 10, 2011 at 01:58 PM

    Hi Shane,

    Thank you for your suggestions. If you have read my first reply in this thread, you would know that I have already submitted a request to have that line removed. Until that request is granted, I think you just have to stick with the plain captcha for your lightbox embedded forms.

    As for the option to choose a recaptcha theme, I will have that added to our requests list. We'll see what our developers can do about it.

    We appreciate the kind words. Thank you as well!


    Neil

  • Profile Image
    jrlamar
    Answered on September 01, 2011 at 01:54 PM

    Neil,

    I just wanted to chime in here that having the reCaptcha "auto-focus" issue with iFrame embedding -- and with all other non-JavaScript embedding, I'm guessing -- is really disruptive.

    I was inititally very pleased to see JotForm automatically supporting reCaptcha, but then I was quickly discouraged by this form field behavior, which essentially hijacks the view of the entire Web page.

    Having said that, thanks very much to you and the developers for creating such a solid, intuitive, and robust form development service -- and for FREE! Wow.

    Jason

  • Profile Image
    NeilVicente
    Answered on September 01, 2011 at 01:58 PM

    Jason,

    Thank you for your feedback. Our development team takes note of our user's comments and suggestions to help them determine which tasks needs a higher priority over the others.

    We will let you know once this gets fixed once and for all.


    Neil

  • Profile Image
    emrew86
    Answered on November 14, 2011 at 10:01 AM

    Bug has been fixed...