Ajax pagination script

This Pagination script helps you to get content from multiple pages and display on demand without reloading webpage. By using ajax we can navigate multiple web pages. Based on request the page will be displayed. This Pagination script sometimes called as Page Navigation Script.

Features

  • By using this Ajax driven javascript, we can navigate multiple web pages from a single web page.
  • Just download the code and use it into your web page consists of multiple links.

Preview

Click any tab the page will be loaded and display without refresh.




We welcome you to hscripts.com. Praised as best free online web resource website, by our users. Free web page scripts, web tutorials, online web site tools,gif myspace icons, free clipart images and other webmaster resources. Free Scripts include php and javascripts. Tutorials include html tutorials, css tutorials, javascript tutorials, mysql, PHP topics and DNS basics. A large and organized
database of web page clipart pictures, web site background images, menu icons. Most usefull webmaster tools.


Downloads

  • Release Date - 27-08-2008
  • Downloads : Version 1.0 - ajax-pagination.zip
  • Get free version without ©copyright link for just $10/-
  • For customization of this script or any script development, mail to support@hscripts.com

Usage

  • Unzip the hajaxpagination.zip,You will get the ajax_navigation.js, tab.css, page1.html, page2.html, page3.html files, README.txt and images.
  • This Pagination script is used to navigate multiple pages without refreshment of webpage.
  • Add the following Ajax driven Page Navigation Script code into your web page.
  • //Insert the below code into head part.
    <link rel="stylesheet" type="text/css" href="hajaxpagination/tab.css"/>
    <script type="text/javascript" src="hajaxpagination/ajax_navigation.js">
    </script>
    //Insert the below code into body part.
    <ul class="displaytabs">
    <li><a id="page1" href="javascript:void(0)" onclick="open_page('hajaxpagination/page1.html','content'); javascript:change('page1');"style='border-bottom-color:white;'>page1</a></li>
    <li><a id="page2" href="javascript:void(0)" onclick="open_page('hajaxpagination/page2.html','content'); javascript:change('page2');">page2</a></li>
    <li><a id="page3" href="javascript:void(0)" onclick="open_page('hajaxpagination/page3.html','content'); javascript:change('page3');">page3</a></li>
    <li><a id="page4" href="javascript:void(0)" onclick="open_page('hajaxpagination/page4.html','content'); javascript:change('page4');">page4</a></li>
    </ul>
    <div id="content" style="border:1px solid gray; width:94%; margin-bottom: 1em;">
    //Here display the content.
    <table align=center width=90%>
    <tr><td align=left style="font-size:13px;padding:5px;color:#3D366F;font-family:arial,verdana;">
  • Click Pagination driven web page link, the given multiple links of web page content will be displayed in the same page.

License

Related Scripts

Free Javascript Scripts


Ask Questions

Ask Question