The photo gallery (Coppermine) for a client of mine is entirely enclosed in a div. All files associated with the gallery load in that div. Whenever any button or link in the gallery div is clicked, however, the page reloads to the top of the Web page. The problem is that the gallery is a ways down the page and moving it up is not an option.
The obvious and most common solution would be to add a "name" attribute to the div and find any links that call the gallery pages and add #gallery to the call. Unfortunately that also is not an option. Doing so would be a big undertaking, as the Coppermine gallery code is huge and altering the Coppermine code is not really desireable (customization of the gallery is mainly done by customizing a template file that the gallery loads everything on).
I hope I'm making sense so far. Visit the gallery to see what I mean. Scroll down and click on some links and buttons. The page reloads to the top of the page every time, requiring the user to scroll down to the gallery each time the page loads.
My (extremely) limited experience with jQuery leads me to believe that this can be dealt with using some sort of jQuery script.
What I'm thinking needs to be done is to:
1) Catch the click event on the page and determine if the click was on an element in the div
2) If the click event did happen on an element in the gallery div, when the page reloads load it with the div at the top of the page (or load the page and scroll down to the div)
Thanks for anyone's help!