text box active with cursor in it upon opening

timaway · July 10th, 2004, 02:17 PM

I need Javascript that I can insert to make the text box in a search form active, with the cursor already in it, so the user doesn't have to click on it to make it active before entering text.
Below is the HTML for the simple search box. Much appreciative
<body>

<p>Search Page:</p>



<input type=button value="Back" onClick="history.go(-1)">

</body>

Snib · July 10th, 2004, 04:09 PM

<body onload='setFocus()'>
<script type='text/javascript'>
function setFocus()
{
document.forms.f.inputbox.focus();
document.forms.f.inputbox.select();
}
</script>
<form id='f' ...>
<input id='inputbox' type='text'/>
</form>
</body>

HTH,

Snib

<><

timaway · July 10th, 2004, 09:25 PM

Thanks but I still have to work with it. Whenever I get to the:
function setFocus()
{
document.forms.f.inputbox.focus();
document.forms.f.inputbox.select();
}
I give an syntax error. Perhaps I missed something or I dont have it in the right line as it seems like valid script. I work it again tommorow.

Snib · July 11th, 2004, 02:07 PM

Can I see the code of your page?

Thanks,

Snib

<><

timaway · July 12th, 2004, 08:46 AM

I appreciate your personal input. As you requested I am posting the script as I last left it.

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Search Page</title>
<meta name="Microsoft Border" content="tlb, default">
</head>

<body onload='setFocus()'>
<script type='text/javascript'>
function setFocus()
{
document.forms.f.inputbox.focus();
document.forms.f.inputbox.select();
}

</script>
<form id='f ...>
<input id=' type='text' inputbox'/>

<p>Search Page:</p>
<p>Use this page to search for text within this website. </p>
<p>To refine you search and avoid wading through irrelevant pages, be fairly specific
and avoid common connecting words such as "of - the -and - a - as"
etc.</p>


<input type=button value="Back" onClick="history.go(-1)">
</form>
 </body>

</html>

I would like to understand what went wrong
Thanks

Snib · July 12th, 2004, 08:58 AM

You seem to have randomly left out parts of it, and scrambled it around a little.

This:

<form id='f ...>

Should be:

<form id='f' ...>

Also, the '...' is where you should put other attributes, like the action, etc.

<input id=' type='text' inputbox'/>

Should be:

<input type='text' id='inputbox'/>

Fix these and it should work.

Hope this Helps,

Snib

<><

timaway · July 19th, 2004, 04:40 PM

Thanks
It works I must be somewhat Dyslexic as I seem to have a hard time recognizing my own mistakes. I need a proof reader.

timaway · July 19th, 2004, 08:09 PM

Well it kind of worked but I wound up with a second input box and lost the search feature, BUT the cursor was active in the second input box. Oh the joy.
Somewhere I have a book on javascript, if I can find it I may figure it out.

aspkarthik · August 18th, 2004, 09:54 AM

This is complete code , which works fine
enjoy!!!!
" document.f.search.focus();" search the name of text box

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Search Page</title>

<meta name="Microsoft Border" content="none, default">
</head>

<body onload="setFocus()">
<script type="text/javascript">
function setFocus()
{
document.f.search.focus();
document.f.search.select();
}

</script>
<form name='f'>

<p>Search Page:</p>
<p>Use this page to search for text within this website. </p>
<p>To refine you search and avoid wading through irrelevant pages, be fairly specific
and avoid common connecting words such as "of - the -and - a - as"
etc.</p><form action="_vti_bin/shtml.dll/search1.htm" method="POST"><input type="hidden" name="VTI-GROUP" value="0"><p><b>Search for: </b><input type="text" name="search" size="50" value></p><p><input type="submit" value="Start Search"><input type="reset" value="Reset"></p></form>

<input type="button" value="Back" onClick="history.go(-1)">
</form> </BODY></HTML>

karthik

melvik · September 1st, 2004, 11:57 PM

Dont put ur <script> within body! It must be in <head> exactly when u wanna call a function from that! otherwise its ok, what browser u use?

Always:),
Hovik Melkomian.