I spent some time trying to work out the way to display the comments and submit-comment form in terms of optimum User Experience. Should I show the submit form first and then the comments below? Should I prioritize seeing the comments available to read or the form encouraging users to submit their own memories / comments?
In the end, I decided to have a button titled “Submit Comment” at the top, with the comments below. The button would link to an anchor on the submit-form at the bottom of the comments – this way I achieve the best of both options – comments immediately visible, as well a call to action button for submitting a comment.
I have added a smooth scroll plugin for fluid transition from the anchor points.
<script>document.write("<input type = 'hidden' name = 'page_ref' value = '"+cat_no+"' />");</script>
<p><label for="msg"> Please post your memories of <script>document.write(image_loc);</script></label><br/>
I’m going to scrap the ‘report as spam’ buttons as I won’t need these, given that I’ll manually uploading any comments anyway.