Placing a focus

Bettina · Sep 12, 2003

I have a text field and I want that after I enter a text in this text
field, the focus goes to the button.gif. How can I do it? Any ideas?
I know that when you use an input type="submit", the focus goes
automatically to the button, but I don't want to use a button.

See please the piece of code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body>
<form name="formular" method="post" action="">
<input type="text" name="mytextfield"><p>
<input name="myButton" type="image" src="images/button.gif">
</form>
</body>
</html>

Thank you in advance. Bettina

lallous · Sep 12, 2003

Hello

In IE, I would do:
<input type="text" name="mytextfield" onkeypress="if (event.keyCode==13)
this.form.myButton.focus();">
Or:
<input type="text" name="mytextfield" onkeypress="if (event.keyCode==13)
this.form.submit();"><p>

Grant Wagner · Sep 12, 2003

Bettina said:
I have a text field and I want that after I enter a text in this text
field, the focus goes to the button.gif. How can I do it? Any ideas?
I know that when you use an input type="submit", the focus goes
automatically to the button, but I don't want to use a button.

See please the piece of code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body>
<form name="formular" method="post" action="">
<input type="text" name="mytextfield"><p>
<input name="myButton" type="image" src="images/button.gif">
</form>
</body>
</html>

Thank you in advance. Bettina

The focus doesn't "automatically" move to an <input type="submit" ...>
after entering data in <input type="text" ...>.

In some browsers, hitting the Enter key on your keyboard after entering
data in the <input type="text" ...> will submit the form. In those
browsers, hitting the Enter key on your keyboard after entering data
should submit the form just fine, even with <input type="image" ...>.

--
| Grant Wagner <[email protected]>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/frames.html

* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp

* Netscape 6/7 DOM Reference available at:
* http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
* http://www.mozilla.org/docs/web-developer/upgrade_2.html

How can I arrange a series of radio buttons?	2	Jan 25, 2024
Script stops working when using variables to save time typing...	4	Oct 31, 2022
Align separate li to right	2	Jun 19, 2024
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Uhhhhh, What can I do next?	6	Nov 25, 2023
How to store data from a sign up form on a website into an sql databse	1	Sep 9, 2022
Script to send email not working	1	Apr 10, 2023
controlling windows (focus and blur)	2	Jul 13, 2007

Placing a focus

Bettina

lallous

Grant Wagner

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads