How to focus the cursor in an input field when accessing a site

Rune Runnestø · Apr 24, 2005

How do I focus the cursor in the input field 'numberField' when accessing
this jsp-file (or html-file) ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>

<form action="" method="post">
<input type="text" name="numberField" size="30" >
<p><input type="submit" name="buttonAddNumber" value="Add a number">
<input type="submit" name="buttonRemoveNumber" value="Remove a number">
</form>

</body></html>

Regard
Rune

RobG · Apr 24, 2005

Rune said:
How do I focus the cursor in the input field 'numberField' when accessing
this jsp-file (or html-file) ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>

<form action="" method="post">
<input type="text" name="numberField" size="30" >
<p><input type="submit" name="buttonAddNumber" value="Add a number">
<input type="submit" name="buttonRemoveNumber" value="Remove a number">
</form>

</body></html>

<body onload="
if(document.forms[0].elements['numberField'].focus)
document.forms[0].elements['numberField'].focus();
">

If you give your form a name, then you can substitute that for the
'0' in forms[0] and your script will not be dependent on the field
being in the first form.

e.g. if your form is called "formA", then:

<body onload="
if(document.forms['formA'].elements['numberField'].focus)
document.forms['formA'].elements['numberField'].focus();
">

....

<form action="" method="post" name="formA">

....

Martin Honnen · Apr 24, 2005

Rune Runnestø wrote:

<body>

<form action="" method="post">
<input type="text" name="numberField" size="30" >

Rune Runnestø · Apr 25, 2005

Code:

--------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<SCRIPT TYPE=\"TEXT/JAVASCRIPT\">
FUNCTION FNSETFOCUS(ELEMID)
{ DOCUMENT.GETELEMENTBYID(ELEMID).FOCUS();
}
</SCRIPT>

It doesn't work in my browser with UPPERCASE. But this works fine:

<script language="JavaScript" type="text/javascript">
function fnSetFocus(elemid){
document.getElementById(elemid).focus();
}
</script>
Maybe Javascript is case-sensitive.
Thanks anyway !

Regards
Rune

Thomas 'PointedEars' Lahn · May 8, 2005

Rune said:
It doesn't work in my browser with UPPERCASE.

The code above is really FUBAR.

But this works fine:

<script language="JavaScript" type="text/javascript">

You can safely omit the deprecated language="JavaScript".

function fnSetFocus(elemid){
document.getElementById(elemid).focus();

No need to use document.getElementById(), creating a dependency on IDs and
the W3C DOM. Use

document.forms[0].elements[elemid].focus();

instead. To support more than one form per document, redesign the method:

function fnSetFocus(f, el)
{
if (f && el
&& (f = document.forms)
&& f.elements
&& (el = f.elements[el])
&& el.focus);
{
el.focus();
}
}

This will works with names as well.

}
</script>

Maybe Javascript is case-sensitive.

It is, and so spelled "JavaScript"

However, this feature applies for all ECMAScript implementations.

Thanks anyway !

Thanks for reading before posting, including ...

[Top post]

.... the newsgroup's FAQ.

PointedEars

Move a Form action="ThatPage.php" to an <input type="??" > inline	1	Oct 15, 2023
How to store data from a sign up form on a website into an sql databse	1	Sep 9, 2022
How to treat an input data as variable?	4	Apr 13, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
How can I create a table using the input element?	1	Mar 25, 2022
I need help making an html website	2	Aug 2, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023

How to focus the cursor in an input field when accessing a site

Rune Runnestø

RobG

Martin Honnen

Rune Runnestø

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads