WordPress.org

Ready to get started?Download WordPress

Forums

Calculated Fields Form
[resolved] how to focus curser inside first field box? (11 posts)

  1. sallam
    Member
    Posted 3 months ago #

    Greetings

    How do I make the curser focus inside the first input field box, so that its ready for user's input?
    And does keyboard 'tab' key works for moving the curser to the next field?

    https://wordpress.org/plugins/calculated-fields-form/

  2. codepeople
    Member
    Plugin Author

    Posted 3 months ago #

    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!

  3. sallam
    Member
    Posted 3 months ago #

    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?

  4. codepeople
    Member
    Plugin Author

    Posted 3 months ago #

    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!

  5. sallam
    Member
    Posted 3 months ago #

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

  6. codepeople
    Member
    Plugin Author

    Posted 3 months ago #

    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

  7. sallam
    Member
    Posted 3 months ago #

  8. sallam
    Member
    Posted 3 months ago #

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

  9. sallam
    Member
    Posted 3 months ago #

    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..

  10. codepeople
    Member
    Plugin Author

    Posted 3 months ago #

    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!

  11. sallam
    Member
    Posted 3 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.