Search jQuery

jQuery Forum

Focus an input field in a dialog

in Using jQuery UI • 2 years ago

Hey all, I'm using jQuery UI v1.6rc2. I'm trying to focus an input field in a dialog box when the dialog box is opened. I've tried putting "$(idSel).focus()" inside my dialog open function, but it doesn't work. I've had luck doing a setTimeout(), but that seems really kludgy. I've tried adding in a focus function and doing it there, with no luck. Anyone have an idea how to accomplish this?

Thanks

Tim

Replies(9)

timwilson..

Re: Focus an input field in a dialog

2 years ago

I might have found a solution. It's not optimal, but it works (at least it works on Firefox). In the "open" function, I added this line:

$('#hiddenArea').show("clip", {}, 300, function() { $('#hiddenArea :input:first').focus(); });

When the animation is complete, it'll focus the first input (which happens to be a select box).

But, if anyone has a better idea, I'd welcome it.

timwilson..

Re: Focus an input field in a dialog

2 years ago

I take that back, the previous post did not fix the problem. I still have to do a setTimeout() in the function in order for it to work. Any other ideas?

mikemckenn

Re: Focus an input field in a dialog

1 years ago

I know this is an older post, but any luck on this. Came across this today as well.

timwilson..

Re: Focus an input field in a dialog

1 years ago

Mike,

No luck yet. The same problem was posted here. The last update on that was "I've submitted this as a bug to the jqueryui site." That was 3 months ago. Maybe it's in the latest version? Unfortunately, I'm stuck at 1.6rc2 for now.

Tim

mikemckenn

Re: Focus an input field in a dialog

1 years ago

Yeah I saw the bug ticket. I guess I'll just stick with setTimeout "fix" for now.

Thanks.

timwilson..

Re: Focus an input field in a dialog

1 years ago

Which version of jQuery UI are you using? I found where someone had submitted a solution here. Unfortunately, it didn't work for me. Since I'm using 1.6rc2, I had to do some modifying of the submitted code. The good news is, I got it to work. If you're using 1.7.2, the code at the link might work for you. If you're using an earlier version, I can post the code if you want.

mikemckenn

Re: Focus an input field in a dialog

1 years ago

Yeah I saw that, but I'm using 1.8.2, I may look at the dialog.js file myself, but being new to jQuery don't want to get too over my head and muck around. Thanks again for your help.

timwilson..

Re: Focus an input field in a dialog

1 years ago

I've made the modifications to the 1.8.2 dialog and have attached it (you'll need to remove the .txt from the file name). Note, I haven't tested these changes. Knowing what I had to do in 1.6rc2, I just did the mods that were done in the 1.7.2 file. They should work for you. If not, it shouldn't take much to get them working. Good luck!