Results 1 to 2 of 2

Thread: Virtual Pagination Bopping

  1. #1
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Virtual Pagination Bopping

    Script: Virtual Pagination
    http://www.dynamicdrive.com/dynamici...pagination.htm

    I am using a table to display the contents of my search results. My tr tags hold the class which is used to paginate the contents.

    Code:
    <div style="width: 400px; height: 84px">
    <table>
    	<tr class="funkypage6">
    		<td>First Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Second Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Third Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Fourth Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Fifth Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Sixth Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Seventh Piece within Content</td>
    	</tr>
    	<tr class="funkypage6">
    		<td>Eighth Piece within Content</td>
    	</tr>
    </table>
    </div>
    
    <div id="tableDiv" class="paginationstyle">
    <a href="#" rel="previous">Prev</a> <span class="flatview"></span> <a href="#" rel="next">Next</a>
    </div>
    
    <script type="text/javascript">
    //virtualpaginate(className, pieces_to_show_per_page)
    var pagecontent=new virtualpaginate("funkypage6", 2, "tr")
    pagecontent.buildpagination("tableDiv")
    
    </script>
    Every time I click on the next or prev buttons the contents jump all over the page. I did as the author of the script suggested and wrapped a div around the contents but no dice. I would like to know if anyone has had a similar problem or can provide me with a clue as to it's solution.

  2. #2
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    if I have nothing else on the page but a generic style

    Code:
    .funkypages6{
    padding: 0;
    text-decoration: none;
    border: 0;
    margin: 0;
    }
    or no style at all and keep refreshing the page the elements in the table jump a pixel or two up and down. This happens to only the last two visible elements on the page. Once I click next the entire table jumps down, then continues to paginate from that point. Only to go through all the page then it will jump down again.

    I have attempted to places even more divs around the table with no luck. Any suggestions I will try, thank you.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •