Solved

Reposition to area of screen after page is submitted ..

Posted on 2011-03-17
2
266 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

752 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