Code-Bin #74 - Javascript pagination script

The Code-Bin

Javascript pagination script
Posted by: Peachpit | December 20, 2007 @ 3:30pm

Javascript Code

var pageCurrent = 1;
var objPage = null;
var emailSubject=document.title;
var emailBody=self.location;
function writePageControls() {
document.writeln ('<div class="toolBar">'); 
document.writeln ('<div class="pagination">');
document.writeln ('<div class="pageSend">');
document.writeln ('<a href="javascript:window.print()">Print</a> | ');
document.writeln ('<a href="mailto:?subject=' + emailSubject + '&body=' + emailBody + '">Email</a>');
document.writeln ('</div>');
if (pageCurrent!=1) document.writeln ('<a href="javascript:pageTurn(\'prev\')">? prev</a> | ');
else document.writeln ('? prev | ');
document.writeln ('Pages ');
for (i=1;i<=pageTotal;i++) {
if (i==pageCurrent) document.write (i)
else document.write ('<a href="javascript:pageJump('+i+')">'+i+'</a>');
if (i!=pageTotal) document.write('  ');
}
if (pageCurrent!=pageTotal) document.writeln (' | <a href="javascript:pageTurn(\'next\')">next ?</a>');
else document.writeln (' | next ?');
document.writeln ('</div>');
document.writeln (' <br clear="all"/></div>');
if (pageCurrent==pageTotal) pageCurrent=1;
else pageCurrent++;
}
function pageTurn(direction) {
if ((direction=='prev') && (pageCurrent!=1)) pageCurrent--;
if ((direction=='next') && (pageCurrent!=pageTotal)) pageCurrent++;
if (objPage) objPage.style.display = 'none';
pageName = 'page' + pageCurrent;
objPage=document.getElementById(pageName);
objPage.style.display = 'block';
}
function pageJump(pageName) {
if(!pageName) pageName=1;
if (objPage) objPage.style.display = 'none';
pageCurrent = pageName;
pageName = 'page' + pageCurrent;
objPage=document.getElementById(pageName);
objPage.style.display = 'block';
S}

Syntax Highlighting

[Open in new window]

Author Comments

This is a quick script that complements the article online at:

http://www.peachpit.com/articles/article.aspx?p=464632 on how to add pagination, print and email function to a html article using javascript.

Rating

4.35 / 8
172 Votes

http://codebin.yi.org/74
page generated in 0.01 seconds