WordPress.org

Support

Support » Plugins and Hacks » [Resolved] how to focus curser inside first field box?

[Resolved] how to focus curser inside first field box?

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author codepeople

    @codepeople

    Hi,

    I’ve just made an update to automatically focus the first field of the form.

    Please re-download and overwrite the plugin to apply the update (it’s a minor update, the version number is the same).

    If you prefer you can just overwrite the modified file “js/fbuilder-pro-public.jquery.js”, the modification was added at line #164.

    The tab key continue working as usual.

    Thank you for your feedback!

    Thanks very much.
    Unfortunately, the update not just focuses the cursor in the first field, it also makes the page loads at the area where that field is. This is not desired, because it skips everything at the top of the web page. This takes away the chance of any ads from being noticed!

    Can it focus but leaves the page start at the top as usual please?

    Plugin Author codepeople

    @codepeople

    Hi,

    New update made, this time it should keep the page position when placing the focus in the field. Please re-download and overwrite the plugin and let me know any comments.

    Thank you!

    I did update again, but now the forms are not working, no focus, no styling, no zeros and no calculations.

    Plugin Author codepeople

    @codepeople

    I don’t experience that problem in my local copies, could you send me the address of the page that contains the form to check that problem in detail?

    If you prefer you can send the address of the form in a private ticket (it’s free) at http://wordpress.dwbooster.com/support

    Could you please give me a link to where I can download your plugin before the focus update?

    I have uploaded the js file you mentioned in your first reply.
    Is this the line?
    $("#fieldlist"+opt.identifier+" .pb0").find(".field")[0].focus();
    I’ve temporarily removed the .focus part:
    $("#fieldlist"+opt.identifier+" .pb0").find(".field")[0];

    Waiting for your solution for a focus without going down the page..

    Plugin Author codepeople

    @codepeople

    Hi,

    Sorry for the late, I’ve been testing the new code in detail, please download the new version here:

    http://wordpress.dwbooster.com/uploads/files/calculated-fields-form.zip

    That version includes the focus solution without going to down the page.

    I’ll be also uploading this new code to the WordPress directory in the few hours.

    I’ll appreciate any feedback about the new feature.

    Thank you!

    Sorry for being late.
    I’ve uploaded the new updated plugin. Worked like a charm!
    Excellent. Thanks so very much indeed.

    Hello, I am wondering if there is a way to disable the cursor from going to the form altogether. While your code does prevent the page from scrolling. The moment the user press any key it jumps to the form content on our front page.

    We are also finding that on iPhones it seems to jump to the form on load or when the user taps anywhere on the page for the first time after loading.

    I have located your function in the file “js/fbuilder-pro-public.jquery.js”

    focusWithoutScrolling($(“#fieldlist”+opt.identifier+” .pb0″).find(“.field”));

    By commenting out the code I was able to fix the issue. However I am wondering perhaps in future versions you can incorporate a switch for users to selectively choose which forms to have automatic focus? Just a thought. Thanks a lot for creating this awesome plugin!

    Plugin Author codepeople

    @codepeople

    Hi,

    Yes, thank you very much. I will check the implications of change in the code and update the online version of the plugin.

    Best regards.

    I’ve just updated the plugin today, and the focus of the curser in no longer working.
    Could you please re-apply it and update the new version?

    Plugin Author codepeople

    @codepeople

    Hi,

    I’ve tested the latest update, and the focus with the fields is working as the previous version:

    The form does not receive the focus by default, but if your form has multiple pages, and you press the next or previous buttons, the focus is assigned, dynamically, to the first field in the active page.

    Best regards.

    So if my form is only 1 page it doesn’t get a focus?
    If so, how can I edit the code so that it does please?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘[Resolved] how to focus curser inside first field box?’ is closed to new replies.