CREATE TABLE `content` ( ) ENGINE = MYISAM ;
CREATE TABLE `comments` ( ) ENGINE = MYISAM ;
INSERT INTO content VALUES ('1','Demo'),('2','wcetdesigns.com');

<?php

//MODIFY TO YOUR OWN SETTINGS

//CONNECTS TO YOUR DATABASE
$c = mysql_connect("server", "username", "password");
$db = mysql_select_db("your_database", $c);

//TABLES FOR THE CONTENT AND THE COMMENTS (MODIFY IF TABLE NAMES ARE DIFFERENT)
$content_table = 'content';
$comment_table = 'comments';

$ip = $_SERVER["REMOTE_ADDR"]; //IP ADDRESS

?>

<?php

if(!$_GET["id"]){
    header("Location: view.php?id=1");
}

$id = $_GET["id"]; //ID OF THE CONTENT

?> $(function(){
$("#submit").click(function(){
var u = escape($('#u').val());
var c = escape($('#c').val());
var data = 'u='+u+'&c='+c+'&id=<?php echo $id; ?>';

$.ajax({
type: 'POST',
url: 'post-comment.php',
data: data,
success: function(e){
if(e){
if(!$('#error').is(':visible')){
$("#error").html(e).fadeIn(500).delay(2000).fadeOut(500);
}
} else {
if(!$('#posted').is(':visible')){
$("#posted").html("Comment posted").fadeIn(500).delay(2000).fadeOut(500);
}
$.get('view-comments.php?id=<?php echo $id; ?>', function(d){
$("#comment_posts").html(d);
});
$('#u, #c').val('');
}
}
});
});

$(".page").live("click", function(){
var id = $(this).attr("id");
$.get('view-comments.php?id=<?php echo $id; ?>&page='+id, function(d){
$("#comment_posts").html(d);
});
});
$('.comments').live("mouseover", function(){
var id = $(this).attr("id").substr(1);
$("#d"+id).show();
}).live("mouseout", function(){
var id = $(this).attr("id").substr(1);
$("#d"+id).hide();
});
$('.trash').live("click", function(){
var id = $(this).attr("id").substr(1);
var data = 'comment_id='+id;

$.ajax({
type: 'POST',
url: 'delete-comment.php',
data: data,
success: function(e){
if(e){
$("#error").html(e).fadeIn(500).delay(2000).fadeOut(500);
} else {
if(!$('#posted').is(':visible')){
$("#posted").html("Comment deleted").fadeIn(500).delay(2000).fadeOut(500);
}
$.get('view-comments.php?id=<?php echo $id; ?>', function(d){
$("#comment_posts").html(d);
});
}
}
});
});
}); <?php

include("settings.php"); //FILE WITH IMPORTANT SETTINGS

$q = mysql_query("SELECT * FROM $content_table WHERE id='$id'"); //FOR THE CONTENT
$t = mysql_fetch_assoc($q);
$content = $t["content"];
echo $content."<br><br>"; //DISPLAYS CONTENT IN HTML

?> <?php

include "view-comments.php";

?>

<?php

include("settings.php"); //FILE WITH IMPORTANT SETTINGS

$id = $_GET["id"]; //ID OF THE CONTENT

//PAGINATION PROPERTIES
$page = 1;
if($_GET["page"]){
    $page = $_GET["page"];
}

$rrp = 5; //NUMBER OF COMMENTS PER PAGE
$o = ($page-1)*$rrp; //FIRST COMMENT TO BE SHOWN

//QUERY FOR THE PAGE OF COMMENTS
$q = mysql_query("SELECT * FROM $comment_table WHERE id='$id' ORDER BY comment_id DESC LIMIT $o, $rrp");

//THE PAGE OF COMMENTS
while($r=mysql_fetch_array($q)){
    $c = eregi_replace('\r\n', '<br>', $r["comment"]);
    $u = $r["username"];
    $date = $r["date_time"];
    
    if($r["ip"]==$ip){
        $delete = '<div class="trash" id="d'.$r["comment_id"].'">
        <div class="p" id="top"></div>
        <div class="p" id="tip"></div>
        <div class="p" id="p1"></div>
        <div class="p" id="p2"></div>
        <div class="p" id="p3"></div>
        <div class="p" id="bottom"></div>
        </div>';
    }
    
    $comments .= '<table class="comments" id="t'.$r["comment_id"].'"><tr><td><b>'.$u.'</b><br>'.$c.'<br><br><span style="color:#32baed; font-size:12px">'.$date.'</span>'.$delete.'</td></tr></table>';
}


//THE PAGE OF COMMENTS IN HTML
echo $comments;

//PAGINATION PROCESS
$q = mysql_query("SELECT * FROM $comment_table WHERE id='$id'"); //FOR COMMENTS FOR THE SPECIFIC CONTENT
$n = mysql_num_rows($q); //NUMBER OF COMMENTS
$pages = ceil($n/$rrp); //NUMBER OF PAGES
$range = 2; //NUMBER OF PAGES TO BE LINKED BEFORE & AFTER THE CURRENTE PAGE NUMBER Ex: If page number is 5 (3, 4, 5, 6, 7)

//IF THERE IS MORE THAN 1 PAGE OF COMMENTS
if($pages>1){
    //FIRST, PREVIOUS, NEXT, & LAST PAGE LINKS
    if($page>1){
        $first = '<a class="page" id="1">First</a> ';
        $prev = '<a class="page" id="'.($page-1).'">Prev</a> ';
    }
    if($page<$pages){
        $next = '<a class="page" id="'.($page+1).'">Next</a> ';
        $last = '<a class="page" id="'.$pages.'">Last</a> ';
    }
    //NUMBERIC PAGINATION (1, 2, 3, 4, 5, etc.)
    for($p=($page-$range); $p<=($page+$range); $p++){
        if($p>=1&&$p<=$pages){
            if($p==$page){
                $nav .= '<span style="color: #32baed">'.$p.'</span> '; //DOES NOT LINK THE CURRENT PAGE NUMBER
            } else {
                $nav .= '<a class="page" id="'.$p.'">'.$p.'</a> ';
            }
        }
    }
}

//DISPLAYS THE PAGINATION IN HTML
echo $first . $prev . $nav . $next . $last;

?>

<?php

include("settings.php"); //FILE WITH IMPORTANT SETTINGS

$id = $_POST["id"]; //ID OF THE CONTENT
$username = $_POST["u"];
$comment = $_POST["c"];
$dateposted = date("D, M j, Y") .' at '.date("h:i A");

//COUNTS THE NUMBER OF SPACE IN BOTH THE USERNAME AND THE COMMENT
$sc = substr_count($comment, " ");
$su = substr_count($username, " ");

//ONLY POSTS COMMENTS IF BOTH THE USERNAME AND THE COMMENT ARE NOT EMPTY
if($sc<strlen($comment)){
    if($su<strlen($username)){
        mysql_query("INSERT INTO $comment_table VALUES('','$id','$ip','$username','$comment','$dateposted')");
    } else {
        echo 'Please enter a name';
    }
} else {
    echo 'Comment cannot be blank';
}

?>

<?php

include("settings.php"); //FILE WITH IMPORTANT SETTINGS

$comment_id = $_POST["comment_id"];

//CHECKS IF THE COMMENT STILL EXISTS IN THE DATABASE
$q =  mysql_query("SELECT * FROM $comment_table WHERE comment_id='$comment_id' AND ip='$ip'");
$n = mysql_num_rows($q);

//IF SO, THE COMMENT WILL BE DELETED
if($n){
    mysql_query("DELETE FROM $comment_table WHERE comment_id='$comment_id' AND ip='$ip'");
} else {
    echo 'Error deleting comment';
}

?>