Stay on row of dynamic table after form submit

[harrillj]

Hello. Using PHP and MySQL. Is there a way to keep the focus on a row in
dynamic table to prevent from jumping back to the top after every "add-to-cart"
click? Currently, some of my product catalogs require more scrolling than
other, depending on the product. (I know I could add more "next page-prior
page" pages but I prefer not to do that) If the user scrolls down below the
rows that are displayed on the first page load that is displayed, then adds an
item to the cart, the screen refreshes back to the top and the user has to
scroll back down. Very cumbersome. The dynamic table is actually a form. In
summary, when the user clicks add-to-cart, I need the screen to stay on that
product row after the page reload instead of displaying the dynamic table back
at the top.

Can that be done?

[Chris In Madison]

I suppose you could get creative with anchors. Perhaps you could create an
anchor at that table row with a name that contains the key for the product
you're adding to the cart. For example:

<a name="anchor_21"></a>

Then, when you submit your form to add the cart, you could capture that
product key and use it in the redirect to get back to that section of the
page. Perhaps something like:

<%
' process add-to-cart code here
response.redirect("/path/to/this/page.asp#anchor_" & request("productid"))
%>

This is an *extreme* simplification, but that's probably what I'd do. And
if the redirect code won't accept anchor info, you could pass the id back to
the product page in the querystring and write a client-side script to move
you down the page onLoad.

Just a couple of wild, untested thoughts :-)

Best regards,
Chris