Question

I have made a personality test users can fill in. (Its in dutch, find it here: http://www.schoolvoorontwikkeling.nl/contact/nieuwe-test ) It consists of about 15 multiple choice questions. At the bottom is a submit button, and it is rather far down. When the user clicks it he is redirected to a page that displays his “score” which is basically a rather long description of his personality type, based on the answers.

Now while this is all working swimmingly, what I cannot seem to figure out, is that as soon as the user clicks the submit button and lands on the ‘score’ (which is a php script that calculates the user score) page, he lands on the same coordinate as the submit button was on the previous page. Which is effectively in the middle of his personality type description.

I would like him to land at the top of the new page, off course, so he can read his description from the beginning, without first having to scroll up.
I have tried making the submit button an anchor, but this does not seem to work. Can anyone help me with this?

Answer 1

Try <form action="/whatever/is/in/your-address.something#top">
#top should land on the page top.

Edit: note that with this solution you don’t need an anchor with id top.