3 Replies - 2595 Views - Last Post: 09 April 2013 - 11:15 PM

#1 shahsaloni  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 09-April 13

pagination in html page

Posted 09 April 2013 - 10:31 PM

I am developing an application in which i need to create a pagination on html page with various items like p, divs and tables tags. The page contains different types of elements and it should paginate across different tables. Can anybody guide me to how should i start with.
Is This A Good Question/Topic? 0
  • +

Replies To: pagination in html page

#2 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3554
  • View blog
  • Posts: 10,335
  • Joined: 08-June 10

Re: pagination in html page

Posted 09 April 2013 - 10:35 PM

well, pagination is usually used to provide navigation between different (but similar) pages. though your description hints something different, maybe do you mean tabs?
Was This Post Helpful? 0
  • +
  • -

#3 shahsaloni  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 09-April 13

Re: pagination in html page

Posted 09 April 2013 - 10:44 PM

i have a div tag, table tag and canvas tag on my single html page. i need to add pagination with all these elements and also if table's rows does not fit into html page size, it should allow the table to be shown in next page.

The sample code on my html page is as:
<div>
<div>
<p>Sample paragraph1</p>
<p>Sample paragraph2</p>
<p>Sample paragraph3</p>
<p>Sample paragraph4</p>
</div>
<canvas id="canvas" width="800" height="300" style="background-color:AliceBlue">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
<table>
<tr>
<td>number1</td>
<td>number2</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>8</td>
</tr>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>12</td>
</tr>
</table>
</div>



Thanks.
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3554
  • View blog
  • Posts: 10,335
  • Joined: 08-June 10

Re: pagination in html page

Posted 09 April 2013 - 11:15 PM

View Postshahsaloni, on 10 April 2013 - 07:44 AM, said:

if table's rows does not fit into html page size, it should allow the table to be shown in next page.

well, an HTML page does not have a vertical end. its not paper, after all.

for clarification a definition of pagination:

http://en.wikipedia.org/wiki/Pagination said:

Pagination is the process of dividing (content) into discrete pages, either electronic pages or printed pages.
[...]
On the Internet, pagination is used for such things as displaying a limited number of results on search engine results pages, or showing a limited number of posts when viewing a forum thread. Pagination is used in some form in almost every web application to divide returned data and display it on multiple pages. Pagination also includes the logic of preparing and displaying the links to the various pages.

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1