Comments on: Set focus on first field with jQuery

By: Set focus on first field with Prototype « Kolodvor

Set focus on first field with Prototype « Kolodvor — Sat, 02 Jan 2010 14:33:50 +0000

[...] you are using jQuery see this [...]

By: Kevin Peno

Kevin Peno — Wed, 23 Dec 2009 22:19:49 +0000

Correction, I meant to remove the :text part of my query. Should be:

$(“:input:visible:first”).focus();

By: Kevin Peno

Kevin Peno — Wed, 23 Dec 2009 22:16:21 +0000

“how about $(”input:text:visible:first”).focus();?”

Actually, that should be: $(“:input:text:visible:first”).focus();

This will grab focus to the first form field, regardles sof type (select, input, textarea).

By: Jancis

Jancis — Fri, 04 Sep 2009 08:41:41 +0000

how about $(”input:text:visible:first”).focus();?
I am not sure how filter work, but if they are taken from left to right, then visible should be filtered out first.

By: verrier

verrier — Fri, 29 May 2009 09:33:18 +0000

one extra bit add a visible
$(“input:text:first:visible”).focus();

By: Daniel Cadenas

Daniel Cadenas — Wed, 15 Oct 2008 14:42:25 +0000

If you want to have more control about this there’s another alternative with this plugin:

http://github.com/dcadenas/auto_focusable_forms/tree/master

-After you install it you will have automatically focused your first inputs without adding a single line of code to your app.

-Another nice thing is that you can disable this behaviour by just passing “:autofocus => false” to your forms_for.

-Another advantage is that there’s no dependency with Prototype or JQuery.

Oh sorry, there are some dependencies, you’ll need Rails and a browser that can understand javascript

By: Webmster Mexico

Webmster Mexico — Wed, 23 Apr 2008 04:46:07 +0000

Nice code, jquery is cool. Thanks for the example.