Focus() and browser positioning

[donpro]

Hi,

I have several forms that are presented with the field description on
top of either the Text Input or Text Area. I have programmed it so
that when the user clicks "SUBMIT", it verifies that necessary fields
have been populated. If not, it alerts the user and sets focus to the
empty field.

If the form is longer than the screen window (vertical scroll bar), I
have found that the browser will position the screen so the the
missing field with focus is presented at the top of the screen. The
side effect is that the field description, which resides above it, is
not seen.

Is there a trick that will return focus to the empty field and also
adjust the browser view to show the field description above it?

Thanks,
Don

 

[Martin Honnen]

Is there a trick that will return focus to the empty field and also
adjust the browser view to show the field description above it?

You might want to try to call
formControl.focus();
fieldYouWantToShow.scrollIntoView(true);

 

[donpro]

You might want to try to call
   formControl.focus();
   fieldYouWantToShow.scrollIntoView(true);

Thanks. Sounds promising but what if the field I want to show is not a
field but just text enclosed in a <DIV> with an ID tag? Or...., is
this considered a field when I use DOM?

 

[Thomas 'PointedEars' Lahn]

Is there a trick that will return focus to the empty field and also
adjust the browser view to show the field description above it?

You might want to try to call
formControl.focus();
fieldYouWantToShow.scrollIntoView(true);
[...]

Thanks. Sounds promising but what if the field I want to show is not a
field but just text enclosed in a <DIV> with an ID tag?

scrollIntoView(), where it works, should work with any visible element,
including `div' elements. You should employ feature testing before you
call it, of course.

Or...., is this considered a field when I use DOM?

No.

Please trim your quotes. <http://jibbering.com/faq/#posting>


PointedEars