Back to top

[Brian]

Nothing in my code needs to be changed. You're supposed to change your HTML to work with the code.

Right now you've got this in your global header.

<a class="adjusttobottom" onclick ="scroll(0,document.body.scrollHeight);"><img src="Down" border="0" alt="Down"/></a>

You'd change it to this.

<a class="to-bottom" onclick ="scroll(0,document.body.scrollHeight);"><img src="Down" border="0" alt="Down"/></a>

You'd do the same thing to your top/bottom buttons in the layout templates, or add the class if it's not there.

[toetapping]

This is what I have in my global Header

<script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.to-top').click(function(){ scroll(0,0); });
$('.to-bottom').click(function(){ scroll(0,document.body.scrollHeight); });
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

<script>
$(document).ready(function() {
if(proboards.data('route').name == "user" && proboards.data('user').is_logged_in != 1) {
$('div.container.show-user').html('<div class="title-bar"><h2>Error</h2></div><div class="content cap-bottom" style="padding:5px;">You do not have permission to view this page</div>');
}
});
</script>

<style type="text/css">
/* Resize All in One Images - Global Header */
/* Signature - Posting Images - Avatar Quote */
div.signature img {max-width:320px !important; max-height:240px !important;}
div.message img {max-width:640px !important; max-height:480px !important;}
div.message .avatar_size_quote img {max-width:30px !important; max-height:30px !important;}
</style>

<div style="text-align: right;">
<ul class="controls">
<a class="to-bottom" onclick ="scroll(0,document.body.scrollHeight);"><img src="Down" border="0" alt="Down"/></a>
</ul>
</div>
<script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.edited_by').each(function(){
if($(this).children('a').first().attr('onclick') == "scroll(0,0);")
$(this).children('a').first().click(function(){ scroll(0,0); });
});
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

this is my Post List.

<div class="container posts">
<div class="title-bar">
<ul class="controls">
{if $[reply_button]}
<li style="display: inline-block; padding-right: 8px;"><a onclick="scroll(0,document.body.scrollHeight);">To Bottom</a></li><li style="display: inline-block;">$[reply_button]</li>
{/if}
</ul>
<h1>$[thread.subject]</h1>
</div>
<div class="control-bar ui-helper-clearfix $[scroll_class]">
$[search]
<div class="controls">
$[action_menu]
</div>
<div class="float-left">$[thread.icons]</div>
$[pagination]
</div>
<div class="content cap-bottom">
$[thread.labels]
$[poll]
<table class="list" role="presentation">
<tbody class="$[list_class]">
$[post_list]
</tbody>
</table>
{if !$[quick_reply]}{if $[bottom_reply_button]}
<div class="reply_button pad-all-double">$[bottom_reply_button]<br class="clear" /></div>
{/if}{/if}
</div>
</div>
$[quick_reply]

Hope you can help me with these codes.

[Brian]

Anything that says this:

<a onclick="scroll(0,document.body.scrollHeight);">

Can be changed to this:

<a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">

And anything that says this:

<a onclick="scroll(0,0);">

Can be changed to this:

<a class="to-top" onclick="scroll(0,0);">

That's all there is to it.

[toetapping]

I have changed line 29 to this <a class="to-bottom" <a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">"><img src="Down" border="0" alt="Down"/></a>

If I change line 36 to this <a class="to-top" onclick="scroll(0,0);">

The down button doesn't work plus the UP  button(Up/Down button) in the threads.

[aRMY83]

Mar 1, 2015 19:03:09 GMT -8 toetapping said:

I have changed line 29 to this <a class="to-bottom" <a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">"><img src="Down" border="0" alt="Down"/></a>

If I change line 36 to this <a class="to-top" onclick="scroll(0,0);">

The down button doesn't work plus the UP  button(Up/Down button) in the threads.

You have this:

<a class="to-bottom" <a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">"><img src="Down" border="0" alt="Down"/></a>

and it should be this:

<a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);"><img src="Down" border="0" alt="Down"/></a>

[toetapping]

Thanks you aRMY83

I now have line 29. as a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);"><img src="Down" border="0" alt="Down"/></a>

I don't know what to do with this <a class="to-top" onclick="scroll(0,0);">

I put it on my line 36 and it didn't work.

This is my line 36 if($(this).children('a').first().attr('onclick') == "scroll(0,0);") If I put it there. The down button doesn't work plus the UP button(Up/Down button) in the threads.

[aRMY83]

Hello toetapping

Just checked your source and in your Global Header you have both of Brian codes: (not sure why you do?)

</script><script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.to-top').click(function(){ scroll(0,0); });
$('.to-bottom').click(function(){ scroll(0,document.body.scrollHeight); });
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

<script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.edited_by').each(function(){
if($(this).children('a').first().attr('onclick') == "scroll(0,0);")
$(this).children('a').first().click(function(){ scroll(0,0); });
});
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

Remove this one (second one above)

<script type="text/javascript">
// Back to top onclick fix
function scrollClick(){
$('.edited_by').each(function(){
if($(this).children('a').first().attr('onclick') == "scroll(0,0);")
$(this).children('a').first().click(function(){ scroll(0,0); });
});
}
$(document).ready(function(){ scrollClick(); });
proboards.on('afterSearch',function(){ scrollClick(); });
</script>

and see if that helps.

[toetapping]

Thank you everyone who has helped me. All buttons go down now but my UP button on picture below doesn't go up now.

[Brian]

Where is that button located, toetapping?

[toetapping]

In each thread Brian.

[aRMY83]

You have this:

<div class="edited_by"><a onclick="scroll(0,0);">

Change it to this:

<div class="edited_by"><a class="to-top" onclick="scroll(0,0);">

Go to Admin > Structure > Layout Templates > Thread > Post List and make those changes.

[toetapping]

Thank you very much aRMY83. This seems to be a saga because now where I have Bottom in picture below isn't working. Is this all due Firefox 36.0

[Brian]

Go to Themes > Layout Templates > Thread and change line 5 to this:

<li style="display: inline-block; padding-right: 8px;"><a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">To Bottom</a></li><li style="display: inline-block;">$[reply_button]</li>

[aRMY83]

You have this:

<li style="display: inline-block; padding-right: 8px;"><a onclick="scroll(0,document.body.scrollHeight);">To Bottom</a></li>

Change it to this:

<li style="display: inline-block; padding-right: 8px;"><a class="to-bottom" onclick="scroll(0,document.body.scrollHeight);">To Bottom</a></li><li style="display: inline-block;">$[reply_button]</li>

Go to Admin > Structure > Layout Templates > Thread and make those changes.

[aRMY83]

Sorry Brian as I did not see your post.