pagination code - Javascript

45 New Member

hi,
i want pagination using java script actually i get data from db that all row will hidden when i click next it will show next two row and hide the present row.but i have problem to go next and prevoius

Expand|Select|Wrap|Line Numbers

 
var count=0;

    var rowcount=1;

    function fnnext(totval)

    {    

        if(rowcount<=totval)

        {

                if(count < totval)

                {        

                document.getElementById(count).style.display="none";

                count=count+1;

                document.getElementById(count).style.display="none";
 
                    for(loop=count+1;loop<count+3;loop++)

                    {

                        document.getElementById(loop).style.display="block";

                    }

                count++;

                }

        }

        else

        {

            alert("End of the page")                    

        }

            rowcount=loop;

    }
 
    function fnprevious(totval)

    {    alert(count)

        if(rowcount > 2)

        {

                if(count > 2)

                {                

                document.getElementById(count).style.display="none";

                count=count+1;

                document.getElementById(count).style.display="none";
 
                    for(loop=count-2;loop>0;loop--)

                    {

                        document.getElementById(loop).style.display="block";

                    }

                count--;    

                }

        }

        else

        {

            alert("First page")            

        }    

            rowcount=loop;

        alert(loop)

    }

Sep 17 '08 #1

Subscribe Reply

2349

iam_clint

1,208

Recognized Expert Top Contributor

This is how I would do it.. example.

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script>

var current_disp=0;

function fnNext() {

    var SR=document.getElementsByName("SearchResults"); /*Get all the search results into an object array*/

    if (SR.length==0) { SR=getAnyElementByName("DIV", "SearchResults"); }

    if (current_disp==SR.length-1) { alert("End of the page"); return false; } /*Check if you are at the end of the file*/

    if (SR[current_disp]) { /*if its an object*/

        SR[current_disp].style.display="none"; /*hide current results*/

        current_disp++; /*add 1 to current display*/

        SR[current_disp].style.display="block"; /*show next results*/

    }

}
 
function fnPrev() {

    var SR=document.getElementsByName("SearchResults"); /*Get all the search results into an object array*/

    if (SR.length==0) { SR=getAnyElementByName("DIV", "SearchResults"); }

    if (current_disp==0) { alert("Beginning of the page"); return false; } /*Check if you are at the end of the file*/

    if (SR[current_disp]) { /*if its an object*/

        SR[current_disp].style.display="none"; /*hide current results*/

        current_disp--; /*add 1 to current display*/

        SR[current_disp].style.display="block"; /*show next results*/

    }

}
 
function getAnyElementByName(eleTag, eleName) { //*my IE Work Around

    var Element_Tag=document.getElementsByTagName(eleTag);

    var Return_Array=Array();

    var c=0;

    for (var i=0; i<Element_Tag.length; i++) {

        if (Element_Tag[i].getAttribute("name")==eleName) {

            Return_Array[c]=Element_Tag[i];

            c++;

        }

    }

    return Return_Array;

}

</script>

</head>

<body>

<div name="SearchResults" id="res0">Results 1<br>Results 2</div>

<div name="SearchResults" id="res1" style="display: none;">Results 3<br>Results 4</div>

<div name="SearchResults" id="res2" style="display: none;">Results 5<br>Results 6</div>

<div name="SearchResults" id="res3" style="display: none;">Results 7<br>Results 8</div>

<div name="SearchResults" id="res4" style="display: none;">Results 9<br>Results 10</div>

<div name="SearchResults" id="res5" style="display: none;">Results 11<br>Results 12</div>

<input type="button" onclick="fnPrev()" value="Prev"><input type="button" onclick="fnNext()" value="Next">

</body>

</html>

Sep 17 '08 #2

Similar topics

1745

Pagination based on the no.of characters in a variable

by: Faree | last post by:

I am workign on a news portal which needs paginaiton as usual.but all the code i got depends on the number of records that will come from database :( .it is working well too. But i need...

PHP

2299

Pagination Problem

by: Chris H | last post by:

I am having a problem with pagination, basically the problem is happening in the "PREV / NUMBERS / NEXT" links, it appears as if the reason is becasue the increment and decrement operators aren't...

PHP

2744

Gallery Pagination Result Problem

by: ste | last post by:

Hi there, Further to my recent posts where I've received excellent help from Rik and Jerry, I've ended up with an image gallery on my website that displays images in a table, 3 images per row. ...

PHP

1823

Populate datagrid with values obtained from DAL, enable pagination

by: OceanBreeze | last post by:

I am new to .Net. I am using ASP 2.0 and C#. I want to pupolate a data grid programatically using the values obtained from a list conating domain objects. E.g., DAL.GetEmployee() returns a...

.NET Framework

1625

Pagination in a table control progrmmatically using C#

by: OceanBreeze | last post by:

I am using C# Page_Laod function to populate a web page with a table populated with several records. The table, rows (containing values) are popuated programatically with the values obtained from...

.NET Framework

6835

pagination using XSL

by: shalini jain | last post by:

Hi, I want to know how can we do pagination using XSL. There are number of tutorials available on pagination using PHP but nothing with XSL. i am really stuck with my code. Below is the code that...

XML

2746

Help on pagination please

by: gnawz | last post by:

I have a pagination function I am using in a file called functions.php as below<? //Pagination functions function getPagingQuery($sql, $itemPerPage = 10) { if (isset($_GET) && (int)$_GET > 0) ...

PHP

3538

Pagination User Control + Class problems (C#)

by: markrawlingson | last post by:

Hello, For starters: Yes, I am new to asp.net, however I hold a good 9-10 years of experience working with classic asp and am only just now upgrading my skills. I'm picking asp.net up pretty...

ASP.NET

3552

Pagination - First page works great, next pages are blank

by: ArizonaJohn | last post by:

Hello, The code below works great. The user enters a name into an HTML form, the code looks up a table with that name, and then that table is displayed. I am trying to use pagination with it,...

PHP

2583

pagination error

by: kkshansid | last post by:

this is my search page on which i am getting two parameters from previous page but the problem is that as soon as i click any other next pages my sql query fails as it doesnt get these two parameters...

PHP

7254

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7153

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7432

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

5677

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5079

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

4743

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3230

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3218

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1585

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp