Home arrow Java arrow Creating a Dynamic Scrollbar for an AJAX-based Pagination System

Creating a Dynamic Scrollbar for an AJAX-based Pagination System

Looking for new ways to integrate AJAX with your existing Web applications? Look no further. Over the course of this three-part series, called "Building a dynamic pagination system with AJAX," you'll learn how to develop a complete result set pagination mechanism, which uses a browser-like scroll bar for displaying chunks of database records, all without having to appeal to page reloads.

Author Info:
By: Alejandro Gervasio
Rating: 4 stars4 stars4 stars4 stars4 stars / 32
June 12, 2006
  1. · Creating a Dynamic Scrollbar for an AJAX-based Pagination System
  2. · Implementing a realistic scroll bar: using a third-party JavaScript library
  3. · Fetching database records in the background: unleashing the power of AJAX
  4. · Assembling the pieces: listing the full client code of the pagination system

print this article

Creating a Dynamic Scrollbar for an AJAX-based Pagination System
(Page 1 of 4 )


As you'll possibly recall, in the first tutorial I went through the explanations needed to implement the required programming logic of this AJAX-based scrolling system. Aside from establishing the foundations that the program will use for performing efficient pagination of database records, I defined all the CSS rules and the respective (X)HTML markup, in order to construct a simple user interface. Particularly, and with reference to this subject, you have plenty of room for developing a highly-polished front end for this application, which will be surely more eye-catching than the one I created in the previous article.

Right, now that I've refreshed your memory of the concepts that I deployed during the first tutorial, let me tell you what I have planned for this second installment. Remember that I've already drawn the generic definitions that correspond to all the JavaScript functions, in order to create the application's behavior layer? Well, in this article, I'll provide you with the concrete client-side code, which will allow the program to make HTTP requests in the background to fetch paginated records, along with implementing a realistic drag-and-drop scroll bar.

As a result of all this, you'll be rewarded with a nice set of JavaScript functions, capable of displaying packets of database rows, without having to include the popular page links.

Having established this article's preliminaries, it's time to start writing some JavaScript code. It's going to be an instructive experience, trust me.

blog comments powered by Disqus

- Java Too Insecure, Says Microsoft Researcher
- Google Beats Oracle in Java Ruling
- Deploying Multiple Java Applets as One
- Deploying Java Applets
- Understanding Deployment Frameworks
- Database Programming in Java Using JDBC
- Extension Interfaces and SAX
- Entities, Handlers and SAX
- Advanced SAX
- Conversions and Java Print Streams
- Formatters and Java Print Streams
- Java Print Streams
- Wildcards, Arrays, and Generics in Java
- Wildcards and Generic Methods in Java
- Finishing the Project: Java Web Development ...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials