Submit FAQs Awards Usage Terms Contact

<html>

<head>
<link rel="stylesheet" type="text/css" href="ajaxpagination.css" />
<script src="ajaxpagination.js" type="text/javascript">

/***********************************************
* Ajax Pagination script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>

<p><b>Documentation:</b> <a href="http://www.dynamicdrive.com/dynamicindex17/ajaxpaginate//">http://www.dynamicdrive.com/dynamicindex17/ajaxpaginate/</a></p>
<br />

<a href="javascript:mypages.refresh(myajaxbook)">Load Flowers Data Set (default)</a> | <a href="javascript:mypages.refresh(myajaxbookalt)">Load Animals Data Set</a>

<div id="paginate-top"> </div>
<div id="pcontent"> </div>
<div id="paginate-bottom"> </div>

<script type="text/javascript">

var myajaxbook={} //arbitrary variable to hold page settings for this book
myajaxbook.page=["demofiles/flower.htm", "demofiles/flower2.htm", "demofiles/flower3.htm", "demofiles/flower4.htm"]
myajaxbook.selectedpage=0 //set page shown by default (0=1st page)

var myajaxbookalt={} //arbitrary variable to hold page settings for another book
myajaxbookalt.page=["demofiles/external.htm", "demofiles/external2.htm", "demofiles/external3.htm"]
myajaxbookalt.selectedpage=0 //set page shown by default (0=1st page)

var mypages=new ajaxpageclass.bindpages(myajaxbook, "pcontent", ["paginate-top", "paginate-bottom"])

</script>

</body>
</html>