I’m trying to make a site that uses PHP in the backend, jQuery to make the UI fancy, and Ajax calls to populate some of the elements. I have a page that shows a bunch of data from a table, using Ajax to get back just a few records at a time. I have a filtering system where I use INPUT fields to let the user filter the data. My problem is that the INPUT field itself is being created by the same Ajax call. What happens is that the INPUT field loses focus no matter what I do.
So far, if I combine .select() and .focus(), I can get the focus to the *beginning* of the text field, which doesn’t really work for a “type into” application. If I want to filter by “Jones”, I end up with “senoJ”.
My code is:
var savedfiltfield;
…
$(‘tr.filter input’).live(‘keyup’, function() {
savedfiltfield = $(this).attr(‘id’);
setfilt($(this));
});
…
// in setfilt() function:
$.get(‘listing_ajax.php’, {type : type, page : newpage, sort : sort, filt : filt, rowcnt : rowcnt},
function(data) {
$(‘table#maindata’).html(data);
$(‘input.#’+savedfiltfield).focus();
}
);

If I add .select() after the .focus(), it will select the text. If I put .select() before the .focus(), it will put the cursor at the beginning of the field.

HELP!?!?

Thanks.

Cheers.

I really appreciate it.

$("input:text:visible:first").focus();