I wrote this script to make a blogging site but the virtual pagination appears on every tab. How do I create virtual pagination for individual tabs. I wrote a code but
Here is the code:
<?php
// database connection
require_once('./includes/base.php');
if($_GET['logout'] == 1){ @$_SESSION = array(); @session_unregister($_SESSION['userID']); @session_unregister($_SESSION['userName']); @session_unregister($_SESSION['userUser']); @session_unregister($_SESSION['userPass']); @session_destroy();}
require("./templates/$template/header.php");
?>
<div id="blurb" align="right">
<script language="javascript"> function isClear() { document.myForm[0].value=''; return true; } </script> <!-- new search --> <?phpob_start();if(!empty($_SESSION['userID']) and !empty($_POST['user'])){echo '<form action="search.php" method="post" name="myForm"><input type="text" value="search here" id="search" size="20" name="search" onFocus="return isClear();"/><input type="submit" name="serachuser" value="search"/></form>';}?> </div><br><div id="blurb" align="justify">Hello world <?php echo "$sitename"; ?> is blah, blah, blah.......!</div><br>
<div id="container-5">
<ul> <li><a href="#fragment-13"><span>Blogs</span></a></li> <li><a href="#fragment-14"><span>Links</span></a></li>
<li><a href="#fragment-15"><span>Images</span></a></li>
</ul>
<div id="fragment-13">
<?php
$sql = mysql_query("SELECT users.userUser, posts.postID, posts.postPost, posts.postTime, posts.postComments, userAvatar FROM users, posts WHERE users.userID = posts.postUserID ORDER BY posts.postTime DESC "); while($row = mysql_fetch_array($sql)){ $abcd= $row['userName']; $abcd = str_replace (" ", "-", $abcd); $time = reltime($row['postTime']);
echo ' <div class="virtualpage"> <table width="100%" > <td width="10%" ><a href="'.$site_url.'/'.$row['userUser'].'"><img src="'.$site_url.'/avatars/'.$row['userAvatar'].'" width="48px" height="48px" /><td width="90% "bgcolor="#F8F8F8" border=1" cellspacing="1" cellpadding="1" ><b>'.$row['postPost'].'</b><br>Posted by: '.$row['userUser'].', <a href="'.$site_url.'/blogs/'.$row['userUser'].'/'.$row['postID'].'">Comments</a> '.$row['postComments'].' , Time elapsed: '.$time.'</a></td> </table><br> </div>';}
?>
[COLOR="Orange"]<div id="gallerypaginate" class="paginationstyle"><a href="#" rel="previous">Prev</a> <span class="flatview"></span> <a href="#" rel="next">Next</a></div>[/COLOR]
</div>
</div>
</div>
<div id="fragment-14">
<?php
$sql = mysql_query("SELECT users.userUser, links.linksID, links.linksLink, links.linksPost, links.linksTime, links.linksComments,userAvatar FROM users, links WHERE users.userID = links.linksUserID ORDER BY links.linksTime DESC");while($row = mysql_fetch_array($sql)){ $abcd= $row['userName']; $abcd = str_replace (" ", "-", $abcd); $time1 = reltime($row['linksTime']);
echo ' <div class="virtualpage"> <table width="100%" > <td width="10%" ><a href="'.$site_url.'/'.$row['userUser'].'"><img src="'.$site_url.'/avatars/'.$row['userAvatar'].'" width="48px" height="48px" /><td width="90% "bgcolor="#F8F8F8" border=1" cellspacing="1" cellpadding="1" ><b>'.$row['linksPost'].'</b><br>Posted by: '.$row['userUser'].', <a href="'.$site_url.'/blogs/'.$row['userUser'].'/'.$row['linksID'].'">Comments</a> '.$row['linksComments'].' , Time elapsed: '.$time1.'</a></td> </table><br> </div>';}
?>
[COLOR="Orange"]<div id="gallerypaginate" class="paginationstyle"><a href="#" rel="previous">Prev</a> <span class="flatview"></span> <a href="#" rel="next">Next</a></div>[/COLOR]
</div>
<div id="fragment-15">
<?php
// testing
grabimages('SELECT users.userUser, images.imagesID, images.imagesFile, images.imagesPost, images.imagesTime, images.imagesComments FROM users, images WHERE users.userID = images.imagesUserID ORDER BY images.imagesTime DESC LIMIT 20');
?>
</div> </div>
<?php
require("./templates/$template/footer.php");?>
[COLOR="Orange"]<table align="center"><tr><td align="center"><script type="text/javascript" defer="defer">var gallery=new virtualpaginate("virtualpage",10)gallery.buildpagination("gallerypaginate")</script></td></tr></table>[/COLOR]
I am using virtualpaginate.js by www.dynamicdrive.com
I would like to create pagination for fragment-13, fragment-14 and fragment-15 separately without conflict.
I am a self taught programmer. So, please reply with corrected code. Thanks