PDA

View Full Version : AJAX pagination script problems



PJMonty
06-28-2008, 01:13 AM
1) Script Title:
Ajax Pagination script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ajaxpaginate/

3) Describe problem:

The samples work great when I run them from the Dynamic Drive website. However, when I run the files from the .zip file on my machine locally, the demo doesn't work on IE7. Here's the link to the .zip file on the DD site:

http://www.dynamicdrive.com/dynamicindex17/ajaxpaginate/ajaxpagination.zip

The demo basically doesn't run at all on IE7 from the local files. I just get a "Error on page" message in the statusbar. None of the pages that the AJAX script is supposed to load show up at all. The two pagination controls show up in their respective divs, and the rest of the text from the "demo.htm" file, but nothing gets loaded by the AJAX script.

The next problem is that when I incorporate the script into any site I build with DreamWeaver, the double arrows in the "Next" and "Prev" boxes do not show up. If I run the demo files, the arrows show up fine. If I use the DreamWeaver version, they don't. Download the demo from the DD site, and then cut, paste, and save this code into a file in the same directory as "demo.htm" from the .ZIP file. You should see that the double arrows don't work, even though the rest of the script does.

Thanks,
PeterM


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="ajaxpagination.css" rel="stylesheet" type="text/css" />
</head>

<body>
<script type="text/javascript" src="ajaxpagination.js"></script>

<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>