Solved

Reposition to area of screen after page is submitted ..

Posted on 2011-03-17
2
263 Views
Last Modified: 2012-05-11
Hey all.

I have a situation where I need to focus on an element after the page is submitted but for it to be "smooth".

I have a screen with table data on it, the table has, say, 100 records that cause the page to scroll. An item near the bottom of the page is updated and once it is updated, the page is automatically submitted (refreshed), there's no way around the submittal of the page.

Once the page "comes back", I need for that same element to have focus and for it to happen smoothly. Currently, once the page is reloaded, it is at the top of the page and when I reposition down the page, you can see the page "move down". So, what you have is the page having to load and then visibly "move down" to the focused element. I want to eliminate the viewing of the "moving down" part.

Also, centering the focused element would be nice too, or at least moving it up from the bottom edge of the screen.

Any ideas?
0
Comment
Question by:Webspeeder
2 Comments
 
LVL 8

Accepted Solution

by:
dmeeren earned 500 total points
ID: 35160209
Why not use <a name="positionname"></a> and ad the following to the refresh link #positionname, you will get a link like: http://domain.com/bla.php#positionname
0
 

Author Comment

by:Webspeeder
ID: 35161165
I thought about that but figured it would have same visual affect. I'll try it.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now