I’ve just uploaded a new version of my site and there are a couple of slight problems with the contact form. I think both problems are due to the fact that I’ve gone for a single-page design that scrolls smoothly to the different sections using jQuery. Check out my site here:
When the form is completed and the user clicks the send button, the PHP reloads the page and displays a “Thank you <name>…” message. The problem is that because it’s a single-page design, the page is reloaded at the top, rather than displaying the “Thank you” message generated by the form.
What I need to happen is that when the contact form gets sent, the page gets reloaded with an “#contact” link in there somewhere, so that the user sees the contact form, rather than the top of the page. Is anyone able to suggest a solution?
When the contact form is sent, the string of data that the form sends is displayed in the URL (in the address bar). This isn’t a major problem, as all the links (to scroll to different areas of the page) still work fine - it’s just a little ugly and unsightly.
Again, I’m sure this is down to the single page design and how jQuery uses the hyperlinks to scroll the page, rather than displaying a new HTML page (and therefore displaying a new URL in the address bar).
If anyone can suggest fixes to either/both problems, that’d be much appreciated. Thanks.