Java
  Home arrow Java arrow Creating a Dynamic Scrollbar for an AJAX-b...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVA

Creating a Dynamic Scrollbar for an AJAX-based Pagination System
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 16
    2006-06-12

    Table of Contents:
  • Creating a Dynamic Scrollbar for an AJAX-based Pagination System
  • Implementing a realistic scroll bar: using a third-party JavaScript library
  • Fetching database records in the background: unleashing the power of AJAX
  • Assembling the pieces: listing the full client code of the pagination system

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Creating a Dynamic Scrollbar for an AJAX-based Pagination System


    (Page 1 of 4 )

    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.

    Introduction

    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.

    More Java Articles
    More By Alejandro Gervasio


       · In this article, you'll see how all the JavaScript functions that integrate the AJAX...
       · This tutorial is exactly what I'm looking for. The author mentions a third part, but...
       · Hi Rodney,Thank you for commenting on my AJAX article. Now, the third tutorial...
       · Hello,In this article you mention something about the first tutorial, and I can't...
       · Thank you for posting your comments on my AJAX article. You can read the first part...
       · Thank you for answering my question. As I am a new to php, I will really appreciate...
       · thank you again for posting your comments. Concerning your request, here's the...
       · Hi, i just read the tutorial and i think it is great.i have been trying to create...
       · Thank you for commenting on my Ajax article. Regarding your question, there’s a...
       · I could not find handle.gif and scrollbar.gif. Can you please send me the link for...
       · Thanks for the comments on my article. You can download directly the images from the...
     

    JAVA ARTICLES

    - 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 ...
    - Generics and Limitations in Java
    - Getting Started with Java Web Development in...






    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 2 hosted by Hostway
    Stay green...Green IT