Setting focus to search page input field

Dave Rado · Apr 15, 2008

Hi

I have been the following code by Freefind to use on my search page:

<form action="http://search.freefind.com/find.html" method="get"
accept-charset="utf-8" target="_self">
<input type="hidden" name="id" value="[unique id for my website]">
<input type="hidden" name="pageid" value="r">
<input type="hidden" name="mode" value="all">
<input type="hidden" name="n" value="0">
<input type="hidden" name="_charset_" value="">
<input type="hidden" name="bcd" value="÷">
<input type="text" name="query" size="15">
<input type="submit" value=" Find "></form>

It works great, but want to set the focus to the search textbox when
the page loads so that the user can start typing, using <body onload
="document.getElementById('ScrollableContent').focus()">, but I can't
see any id for the search textbox in the code I've been given.

How can I set the focus to the search textbox when the page loads?

Dave

Dave Rado · Apr 15, 2008

Sorry typo in my previous post, I meant to write:

It works great, but I want to set the focus to the search textbox when
the page loads so that the user can start typing straight away, using
<body onload="document.getElementById('[id of textbox]').focus()">

Dave

Joost Diepenmaat · Apr 15, 2008

Dave Rado said:
Hi

I have been the following code by Freefind to use on my search page:

<form action="http://search.freefind.com/find.html" method="get"
accept-charset="utf-8" target="_self">
<input type="hidden" name="id" value="[unique id for my website]">
<input type="hidden" name="pageid" value="r">
<input type="hidden" name="mode" value="all">
<input type="hidden" name="n" value="0">
<input type="hidden" name="_charset_" value="">
<input type="hidden" name="bcd" value="÷">
<input type="text" name="query" size="15">
<input type="submit" value=" Find "></form>

It works great, but want to set the focus to the search textbox when
the page loads so that the user can start typing, using <body onload
="document.getElementById('ScrollableContent').focus()">, but I can't
see any id for the search textbox in the code I've been given.

Just add one:

<input type="text" name="query" id="ScrollableContent" size="15">

Though you should probably use a more meaningful ID.

Dave Rado · Apr 15, 2008

I've worked out the answer - I just needed to change to form's code
from:

<input type="text" name="query" size="15">

to <input type="text" name="query" id="query" size="15">

.... and then use the id "query" in my onload statement.

Sorry about that.

Dave

Dave Rado · Apr 15, 2008

Though you should probably use a more meaningful ID.

Yes, that was a typo, sorry (see my earlier replies to my original
post, which I was typing while you were typing your reply).

Thanks, and apologies for posting before I'd put enough thought into
trying to solve it myself.

Dave

Joost Diepenmaat · Apr 15, 2008

Dave Rado said:
Yes, that was a typo, sorry (see my earlier replies to my original
post, which I was typing while you were typing your reply).

Thanks, and apologies for posting before I'd put enough thought into
trying to solve it myself.

No problem. Sometimes it just works best to step back a bit to think
things over.

Cheers,
Joost.

"input-group-text" help	7	Aug 10, 2023
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Make an <input type="text"> input-ready for input	8	Aug 17, 2023
Set value after clicking in field	11	May 9, 2023
How to treat an input data as variable?	4	Apr 13, 2023
Function call from button to automatic	7	Mar 17, 2023
How to display input options only after selecting an option from the 'select class' tag JS?	6	May 12, 2023
Reversing output of user input by using while loop...	2	Sep 1, 2022

Setting focus to search page input field

Dave Rado

Dave Rado

Joost Diepenmaat

Dave Rado

Dave Rado

Joost Diepenmaat

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads