Forms and cursors

**datune** · Jul 29, 2002 11:14

Hello!

Is the following possible, if so how.

Open up another Site of SitepointForums, click on new topic, a form shows up, what i want to know is, can i have the cursor placed immediately into the Topic field?

As you can see, you will have to click manually into the Subject Field to be able and start writing, now this is not really annoying on a forum, but we are deploying something where one works lots of times with forms, and during testphase i found this to be extremely annoying after some time.

So please if someone knows a solution for this, (i think it should be possible somehow), please let me know.

Thanks a lot in advance!

Best regards from Vienna,
datune

**Chris82** · Jul 29, 2002 11:39

Yes it is possible with JavaScript:

Code:

<body onLoad="document.forms[0].elements[x].focus()">
// where x is the xth element of the form 
// or this should work as well:
<body onLoad="document.forname.elementname.focus()">

**coffeeKid** · Jul 29, 2002 11:47

i am sorry i don't have time to post the code but -- i used to use a javascript to set "focus" to a given form element. but on other sites - i just use my keys to tab down to the element i want.
anyway - a quick search for "form focus" either here or out in the wild should help you find it quickly.

good luck.

**datune** · Jul 29, 2002 12:19

Thanks a lot!
Though i still have to find a way to prevent it from setting the focus on a radiobutton or a checkbox if that happens to be the first in a form.

Is it possible in Javascript to do something like

if the first element of the form is a radio or checkbox-> set focus on next element in form

else set focus on the first element of the form.

Is this somehow possible, if someone who knows Javascript would be willing to help out, that would be great, since i never digged deep if it comes to Javascript...

Thanks!

**Chris82** · Jul 30, 2002 03:41

Maybe this works. (could be problems if type is not all lowercase)

Code:

<script language="JavaScript">
<!-- 
function  doFocus() {
   var nexttype = document.forms[0].elements[0].type;

   if ((nexttype == "radio" || nexttype == "checkbox") && 1 < document.forms[0].length - 1)
        document.forms[0].elements[1].focus();

   else
      document.forms[0].elements[0].focus();
}
//-->
</script>

And then for the body element:

Code:

<body onLoad="doFocus()">
//html
</body>

User Tag List

Thread: Forms and cursors

Thread Tools

Display

Forms and cursors

focus

Bookmarks

Bookmarks

Posting Permissions