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. |
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.
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.
- Click Pagination driven web page link, the given multiple links of web page content will be displayed in the same 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;">
<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;">
License
- Click Here for detailed license information.
