Set field on focus when loading page

riverman · Post by **riverman** » Wed Aug 24, 2016 9:00 pm

I try to make a field in focus when page is loaded. I found two ways; in pure JavaScript and through jquery. But I don't get to work!

Two questions:
1) What is the correct name of the field id (in add-page)? x_firstname, q_x_firstname, sv_x_firstname or as_x_firstname?

Table: guests
Field: firstname

2) Where to put the Jquery or JavaScript?

I mange to narrow down the problem to:

Client Script -> Table_Specific -> Add/Copy Page -> Client Script

$(document).ready(function(){
$(this).find('#x_fieldname').focus();
});

Above works when NOT using lookup table! But as soon as I enable lookup table nothing happens! Is there an conflict or should I point to another id?

Post by **Webmaster** » Thu Aug 25, 2016 4:34 pm

riverman wrote:
1) What is the correct name of the field id (in add-page)? x_firstname, q_x_firstname, sv_x_firstname or as_x_firstname?

You are probably using AutoSuggest. If so, the input field is not x_fieldname, right click the input in your browser and inspect the elements to find the correct id.

scs · Post by **scs** » Thu Aug 25, 2016 4:59 pm

Client Script -> Table_Specific -> Add/Copy Page -> Client Script

$("#x_fieldname").focus();

andyrav · Post by **andyrav** » Thu Aug 25, 2016 5:32 pm

Hi
I can set the focus, but how to i get the cursor to default to this box so i can just start typing in?

riverman · Post by **riverman** » Thu Aug 25, 2016 8:42 pm

When not using AutoSuggest I both understand the code when inspecting and can make it work. But when activating AutoLookup the code is getting more complex f.ex more then one input field per field with ids:

sv_x_firstname, x_firstname, q_x_firstname and s_x_firstname

I have then tried with this code, but changed id to above:

$(document).ready(function(){
$('#sv_x_firstname').focus();
});

Also I did tests with this code:

$(document).ready(function(){
$(this).find('#x_fieldname').focus();
});

I regenerate the table and Other files, when loading page I reload with ctrl+F5...

I probably made some stupid mistake becouse I'm new to JavaScript/JQuery.

@scs Of course I have tried different solution but with no success. Thats way I ask for help... (So your answer was NOT an answer to my question)

Post by **Webmaster** » Fri Jun 16, 2017 3:38 pm

riverman wrote:
$(document).ready(function(){
$('#sv_x_firstname').focus();
});

The approach is fine, but you'd better add a timer (make sure the AutoSuggest is set up), e.g. if the field name is "firstname",

$.later(200, null, function() {
$("#sv_x_firstname").focus();
});

If you use Modal dialog for Add page, you should use:

$("#ewModalDialog #sv_x_firstname").focus();

papirri3 · Post by **papirri3** » Sun Jun 25, 2017 4:35 pm

Thank you.

sangnandar · Post by **sangnandar** » Mon Sep 25, 2017 11:11 pm

How to do this with Modal-Lookup (v2017) ?
This is the input box,
<input type="text" name="sv" class="form-control" placeholder="Search">
Tried,
$('input[name="sv"]').focus(); // didn't work

Thanks.

sangnandar · Post by **sangnandar** » Tue Sep 26, 2017 3:13 am

Never mind.
Got it,
$(document).ready(function() {
$('#ewModalLookupDialog').on("shown.bs.modal", function() {
$(this).find(".form-control:first").focus();
});
});