Virtual Pagination: Back to Top

[Jobyn]

1) Script Title: Virtual Pagination Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pagination.htm

3) Describe problem:
When I click on the page number of a long page, it will not send me back to the top of the page, but instead keeps me wherever the "flatview" was in the last page. Is there any way to fix this?

Thank you in advance!

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

[Jobyn]

I realize that I sound like an ungrateful, and stupid, jerk when I ask this, but is there any way to get a possible answer without showing the site.

The reason is that I have a lot of people that look at this site, and we haven't debutted the new design to them yet. I realize it sounds stupid, but there are a lot of people that have a lot of emotional investment in this.

If that isn't possible, would it be possible to PM it to someone?

Thanks again!

[ddadmin]

Sure, you can pm me the URL if you like. The reason I ask for a URL is that I'm not clear on the issue you're describing. I tried to create a sample test whereby one of the paginated content is very long, though flipping around pages didn't produce the effect you described.

[Jobyn]

Message sent!

[ddadmin]

Ok, I took a look at your page. What you can do is explicitly tell the browser to scroll up whenever a pagination link is clicked on. Inside the .js file, find the code:

if (i>=showstartindex && i<=showendindex)
this.pieces[i].style.display="block"
else
this.pieces[i].style.display="none"

And change that to:

if (i>=showstartindex && i<=showendindex){
this.pieces[i].style.display="block"
if (this.pieces[i].scrollIntoView)
this.pieces[i].scrollIntoView()
}
else
this.pieces[i].style.display="none"

Basically the code in red causes the browser to scroll to the top of the content being displayed. If you wish to scroll all the way to the top of the page instead, just change the code in red to:

window.scrollTo(0,0)

instead.

[Jobyn]

That works, but it doesn't hide the previous content from the other pages. If you click all of the links, it ends up with all of the content showing.

[ddadmin]

Please check your .js file again- you've implemented the above incorrectly. What you have:

if (i>=showstartindex && i<=showendindex)
this.pieces[i].style.display="block"
if (this.pieces[i].scrollIntoView)
this.pieces[i].scrollIntoView()
else
this.pieces[i].style.display="none"
}

What it should be:

if (i>=showstartindex && i<=showendindex){
this.pieces[i].style.display="block"
if (this.pieces[i].scrollIntoView)
this.pieces[i].scrollIntoView()
}
else
this.pieces[i].style.display="none"

[Jobyn]

When I did it with the "}" none of the content was displayed. I added the "}" to demonstrate what I mean.

[ddadmin]

Did you remember the opening { as well:

if (i>=showstartindex && i<=showendindex){