[REQUEST] Return to top of page

[Sam]

Hi guys,

Anyone able to make this following code compatible with Proboards V5 at all please? It is a bar that seperates two seperate posts and has an arrow that when clicked, returns to the top of the page.

<script type="text/javascript">
<!--

var iArrowImage="http://i294./mm102/sytforum/iarrowitupforitpleaseqm7.gif"; //Arrow Image

if(location.href.match(/action=(display|(user)?recent|calendarview|search2|pmview)/) || location.href.match(/index.cgi$/) && document.title.match(/Preview/) && document.postForm){
var iTd=document.getElementsByTagName('td');
for(i=0;i<iTd.length;i++){
if(iTd.item(i).width=="20%" && iTd.item(i).className.match(/windowbg(2)?/) && iTd.item(i).align=="left" && iTd.item(i).vAlign=="top" && iTd.item(i).firstChild && !iTd.item(i).firstChild.nodeName.match(/input/i)){
var iContact='';
if(iTd.item(i).innerHTML.match(/member is/)){
var iCentre=iTd.item(i).getElementsByTagName('center');
var iContact = iCentre.item(iCentre.length-1).innerHTML.replace(/^((.+?))?<br\s?\/?><br\s?\/?>((.+?)<br\s?\/?><br\s?\/?>)?/i, '');
var iIcon=iCentre.item(iCentre.length-1).getElementsByTagName('a');
for(a=0;a<iIcon.length;a++){
iIcon.item(a).style.display='none';
}
}
var iLineTr=document.createElement('tr');
var iLeftTd=document.createElement('td');
iLeftTd.className='catbg';
var iRightTd=document.createElement('td');
iRightTd.className='catbg';
iRightTd.innerHTML='<div style="float: left;">'+iContact.replace(/<br\s?\/?>/ig, '')+'</div><div style="float: right;"><a href="javascript: scroll(0, 0)"><img src="'+iArrowImage+'" border="0" /></a></div>';
iLineTr.appendChild(iLeftTd);
iLineTr.appendChild(iRightTd);
iTd.item(i).parentNode.parentNode.insertBefore(iLineTr, iTd.item(i).parentNode.nextSibling);
}
}
}

//-->
</script>

Many thanks for any help provided.

Thanks,
Sam

[Sam]

BUMP.

[Shorty]

This doesn't need a plugin. Use the template system.

Go to Admin Home > Themes > Layout Templates > Thread > Post List


And find this on line 31-39.

<td class="foot">
{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}
{if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}
</td>
</tr>


And place this right below it.

<tr><td colspan="2" align="right"><a href="#"><img src="URL TO IMAGE" /></a></td></tr>


This will place it right below the signature area. and just add your image url in, and you will be good. if you need any other help, let me know.

[Sam]

Thanks for that, it works perfectly.

[Shorty]

Not a problem. Glad I could help.

[Former Member]

Shorty thanks I use this on my board. Also how do we add it to the Main Page of our forum. I have it both on the Main Page and the inside.

Thanks
Chrissy

[Shorty]

<a href="#"><img src="URL TO IMAGE" /></a>[/code

Take that ^^ and place it really wherever you want on the main page. If you can be a bit more specific about where on the main page? I can give you an exact location to place it.

[Former Member]

Shorty here is a screenshot to show you where I have it on my board.

Attachments:

[Shorty]

Can you link me to your v5 forum, so I can know what your v5 info center looks like?

[Former Member]

chrissystutorials.freemessageboards.com/

[Shorty]

I'm on way home for thanksgiving, I'll get this to you whenever I get home and situated.

[Shorty]

Alright, go to Admin Home > Themes > Layout Templates > Home

On or around line 42,

<tr><td>$[recent_threads_link] - $[recent_posts_link] - $[rss_feed_link]{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>

Place this right below it.

<tr><td><a href="#"><img src="URL TO IMAGE" /></a><td></tr>

[Former Member]

Thank you Shorty. That is what I was looking for. Now to add it to the rest of my notes.

[Shorty]

Glad I could I help!