Back to the Top

[toetapping]

Is there a code for "Back to the Top" after each thread posted

OR

If not "Back to the Top" before the word Reply.

Preferably the top one.

[Brian]

Hi, toetapping.

Place this link anywhere you want the Back to Top link to be:

<a onclick="scroll(0,0);">Back to the Top</a>

[toetapping]

I don't know about coding Brian.

When you say anywhere. I want it on the page where everyone is replying.  Where will I go to start with?

[Brian]

Where specifically on that page would you like it to be placed? The same place it was in V4?

[toetapping]

Yes thank you Brian.

[triplew64]

Brian I have separate post for this that was opened a couple of days ago. support.proboards.com/thread/440398/back-top-feature

My question is very similar and I would like to know if we could have a Back to top feature in every post as it was in V4.

Attachments:

[Brian]

Structure > Layout Templates > Thread > Post List

Find this section of the code:

{if $[post.edited]}
    <div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if}

And replace it with this:

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} - {/if}<a onclick="scroll(0,0);">Back to Top</a></div>

[toetapping]

I can't find it Brian where I delete and add.


{foreach $[post]}
    <tr id="$[post.content_id]" class="$[post.content_class]{if $[post.even]} even{/if}{if $[viewing_recent_posts]} recent{/if}">
        <td class="$[post.unblocked_class]">
            <table role="grid">
                <tr>
                    <td class="left-panel" rowspan="2">
                        $[post.created_by_user.miniprofile]
                    </td>
                    <td class="content">
                        <div class="content-head ui-helper-clearfix">
                            <div class="info">
                                <span class="thread-link">$[post.thread]</span>
                                <span class="date">$[post.date]</span>
                                {if $[post.how_posted]}
                                    <span class="post-method">via $[post.how_posted]</span>
                                {/if}
                                $[post.likes]
                            </div>
                            <div class="controls">
                                $[post.quote_button]
                                $[post.edit_button]
                                $[post.likes.button]
                                $[post.select_options]
                            </div>
                        </div>
                        <h3 class="title aria-hidden">Post by $[post.created_by_user.name] on $[post.date]</h3>
                        <div class="message">$[post.message]</div>
                    </td>
                </tr>
                <tr>
                    <td class="foot">
                    {if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}   
                    </td>
                </tr>
            </table>
        </td>
        {if $[post.is_blocked]}
            <td class="$[post.blocked_class] content center">
                <div class="message note pad-bottom">This post is hidden</div>
                $[post.display_blocked_post_button]
            </td>
        {/if}
    </tr>
{/foreach}
{if !$[post]}
    <tr class="last"><td class="last center" colspan="1">No posts were found.</td></tr>
{/if}

[Brian]

I think you removed the "Last Edited" section from your template.

In that case, place this directly under the line that says <td class="foot">:

<div class="edited_by"><a onclick="scroll(0,0);">Back to Top</a></div>

[toetapping]

Thank you very much Brian.

[triplew64]

Jan 16, 2013 14:44:09 GMT -8 Brian said:

Structure > Layout Templates > Thread > Post List

Find this section of the code:

{if $[post.edited]}
    <div class="edited_by"><span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if}</div>
{/if}

And replace it with this:

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} - {/if}<a onclick="scroll(0,0);">Back to Top</a></div>

Worked exactly like I wanted it to. Thanks so much Brian.

[Brian]

No problem, guys.

[Liz]

www.frenchfocus.proboards.com/

I thought this code was a great solution but when I installed it all it did was jump to the bottom rather than the top! I replaced it with the original code and reset the template to the default setting but the Back To Top link still showed in posts.

I've put your code back in again, see below. I don't know what I'm doing wrong!

{foreach $[post]}

<tr id="$[post.content_id]" class="$[post.content_class]{if $[post.even]} even{/if}{if $[viewing_recent_posts]} recent{/if}">

<td class="$[post.unblocked_class]">

<table role="grid">

<tr>

<td class="left-panel" rowspan="2">

$[post.created_by_user.miniprofile]

</td>

<td class="content">

<div class="content-head ui-helper-clearfix">

<div class="info">

<span class="thread-link">$[post.thread]</span>

<span class="date">$[post.date]</span>

{if $[post.how_posted]}

<span class="post-method">via $[post.how_posted]</span>

{/if}

$[post.likes]

</div>

<div class="controls">

$[post.quote_button]

$[post.edit_button]

$[post.likes.button]

$[post.select_options]

</div>

</div>

<h3 class="title aria-hidden">Post by $[post.created_by_user.name] on $[post.date]</h3>

<div class="message">$[post.message]</div>

</td>

</tr>

<tr>

<td class="foot">

<div class="edited_by">{if $[post.edited]}<span class="italic">Last Edit:</span> $[post.edited.date] by $[post.edited.by_user]{if $[post.edited.reason]}: $[post.edited.reason]{/if} - {/if}<a href="#">Back to Top</a></div>

{if $[post.created_by_user.signature]}

<div class="signature">$[post.created_by_user.signature]</div>

{/if}

</td>

</tr>

</table>

</td>

{if $[post.is_blocked]}

<td class="$[post.blocked_class] content center">

<div class="message note pad-bottom">This post is hidden</div>

$[post.display_blocked_post_button]

</td>

{/if}

</tr>

{/foreach}

{if !$[post]}

<tr class="last"><td class="last center" colspan="1">No posts were found.</td></tr>

{/if}

[Thaïs]

Yeah, it doesn't actually scroll to the top... help?

[Brian]

Sorry about that. I've updated the code in each of my previous posts to work correctly.

Apparently the old method doesn't work if there's parameters after the URL.