Let's say I have a manager page and it loads a bunch of information from the MySQL database.
The page shows a bunch of requests from other users, and the manager goes through them and marks them off one by one. As this happens, the content is marked in the database as complete and then goes away. $(theElement.fadeOut(500))
Information Request
From Bob
Hey, can I get the special report from last Tuesday? Thanks
[reply] [mark complete]
Information Request
From John
The report for Customer #5182 is incomplete. All I have is this:
http://alinktothefile.com/foo Can you send it over? Thanks
[reply] [mark complete]
Information Request
From Mark
Did you want the website to look like this? http://somewebsite123.com
or something else in mind?
[reply] [mark complete]
On some of these requests, the information might have a link, which the user will click. Once the user clicks the back button in their browser, however, the content that is shown is how the page looked when they originally loaded the page.
So they start at the top of the page with all the stuff they already completed, instead of the information that is actually correct.
Obviously, the links could open in a new tab, however, this is not a great solution, especially on a mobile device.
What are the possible solutions for working around this, so that the dynamic content is always up to date, even when the user presses the back button?