How to scroll long page to the label with error message?

  • Thread starter Thread starter Dmitry Duginov
  • Start date Start date
D

Dmitry Duginov

I have the same panel with a label on multiple masterpages. That
(white-on-red) label text can contain some error messages if exceptions
occured in business layer after the user hit "Update" button.

I cannot find a way to scroll potentially long page making that text clearly
visible and get user attention. Page.SetFocus and WebControl.Focus do not
work with panels and labels and by default PostBack shows the top of the
page to the user, while errormessage can be on the bottom or somewhere in
the middle (depending on exact page layout and content).

Any ideas?

Dmitry
 
I have the same panel with a label on multiple masterpages. That
(white-on-red) label text can contain some error messages if exceptions
occured in business layer after the user hit "Update" button.

I cannot find a way to scroll potentially long page making that text clearly
visible and get user attention. Page.SetFocus and WebControl.Focus do not
work with panels and labels and by default PostBack shows the top of the
page to the user, while errormessage can be on the bottom or somewhere in
the middle (depending on exact page layout and content).

Any ideas?

Dmitry
Click to expand...

Try to use scrollIntoView() method
http://msdn2.microsoft.com/en-us/library/ms536730.aspx

Example:

<script type="text/javascript">
var el = document.getElementById('h1');
if (el!=null)
el.scrollIntoView(true);
</script>

or add an alert() box that will be shown on top of all other content
 
Alexey Smirnov said:
Try to use scrollIntoView() method
http://msdn2.microsoft.com/en-us/library/ms536730.aspx

Example:

<script type="text/javascript">
var el = document.getElementById('h1');
if (el!=null)
el.scrollIntoView(true);
</script>

or add an alert() box that will be shown on top of all other content
Click to expand...

Thanks, it was helpful. However scrollIntoView works only in IE. Is there a
way to determine if the browser supports this method? If so, for those rare
cases when the user works from non-IE browsers I could throw alert('There
were some errors. See details at the bottom').

Regards,
Dmitry
 
Thanks, it was helpful. However scrollIntoView works only in IE. Is there a
way to determine if the browser supports this method? If so, for those rare
cases when the user works from non-IE browsers I could throw alert('There
were some errors. See details at the bottom').

Regards,
Dmitry- Hide quoted text -

- Show quoted text -
Click to expand...

As far as I know it should work in IE and FF.

To detect client's browser you can use something like this:

if(navigator.userAgent.indexOf("Firefox")!=-1 ||
navigator.appVersion.indexOf("MSIE")!=-1){
el.scrollIntoView(true);
} else {
alert('Please review your form');
}
 
Alexey Smirnov said:
As far as I know it should work in IE and FF.
Click to expand...

Well, you are right. Kind of :)

scrollIntoView(true) works correctly in both browsers - object is shown and
aligned with the top of the page
scrollIntoView(false) does not really show the object if FireFox. It scrolls
the page the way that the previous object is aligned with the bottom of
browser area.

So, I end up with the following:

<script type="text/javascript">
var lblerrormessage = document.getElementById('ctl00_lblErrorMessage');
if (lblerrormessage!=null)
{
var not_IE = navigator.appVersion.indexOf("MSIE")==-1;
lblerrormessage.scrollIntoView(not_IE);
}
</script>

In IE error message would appear in the bottom (as desired), in FF - on the
top of the screen. But at least in both cases it will be visible...

Spasibo anyway, :)
Dmitry
 
Well, you are right. Kind of :)

scrollIntoView(true) works correctly in both browsers - object is shown and
aligned with the top of the page
scrollIntoView(false) does not really show the object if FireFox. It scrolls
the page the way that the previous object is aligned with the bottom of
browser area.

So, I end up with the following:

<script type="text/javascript">
var lblerrormessage = document.getElementById('ctl00_lblErrorMessage');
if (lblerrormessage!=null)
{
var not_IE = navigator.appVersion.indexOf("MSIE")==-1;
lblerrormessage.scrollIntoView(not_IE);
}
</script>

In IE error message would appear in the bottom (as desired), in FF - on the
top of the screen. But at least in both cases it will be visible...

Spasibo anyway, :)
Dmitry





- Show quoted text -- Hide quoted text -

- Show quoted text -
Click to expand...

da no problem
 
Back
Top