Setting focus to field on tabular form

dkperez · #1 02-08-2010, 06:58 PM

I have an html form with several columns. The rows of data are created in php and sent to the form. Each column is an array. How do I set the focus to a specific data cell?

I know about the javascript to setfocus on the body tag, but how do I have it set the focus to a particular cell of an array?

**Fang** · #2 02-09-2010, 01:08 AM

With html use a bookmark: url#elementID
Javascript offers more options depending on when the focus is required and the type of element.

dkperez · #3 02-09-2010, 09:29 AM

I got the initial focus to set on the body tag using this:

<body OnLoad="document.salonentry.Title0.focus();">

But, when the user hits the button to display a new row (empty, for entering a new record), how do I change the focus so when we come back from the php and display the data, how do I put the focus in the first field of the new row, which is a select list?

**Fang** · #4 02-09-2010, 10:33 AM

Quote:

when we come back from the php and display the data

How are you doing this? Form submission or Ajax?

dkperez · #5 02-09-2010, 11:14 AM

It's not Ajax, so I'm presuming it's form submission. I'm using POST in the form definition.

**Fang** · #6 02-09-2010, 12:45 PM

This would focus on the last input element:

Code:

window.onload=function() {
var aObj = document.getElementsByTagName('input');
aObj[aObj.length-1].focus();
};

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)