my page ain't loading.. i think it its from the my comment querires .. pls some one help out


require_once 'dbconnect.php';

//select full thread from thread table

$selFull = "SELECT * FROM frthreads WHERE threadId=".$_GET['threadId'];
$selFullChck = mysqli_query($con, $selFull);

$commentquery = "SELECT * FROM frcomments WHERE threadId =3";
    $commentQuery = mysqli_query($con, $commentquery);


<!DOCTYPE html>
<title>TEST PAGE </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="" href="css/font-awesome.min.css"/>
    <link rel="stylesheet" type="" href="css/test.css"/>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="css/ionicons.css" type="">

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f363;
  border-radius: 50%;
  border-top: 16px solid #3496db;
  border-top: 16px solid lightblue;
  border-right: 16px solid lightgreen;
  border-bottom: 16px solid #336c9c;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }

#myDiv {
  display: none;

<body class="" style="background-color: white;"  onload="myFunction()">

        <div id="loader"></div>
            <div style="display:none;padding: 16px;" id="myDiv" class="animate-bottom">

                <button onclick="topFunction()" id="MyTopBtn" title="Go to top">Top</button>
                <nav class="navbar navbar-default navbar-fixed-top" style="background-color: #dfdbdb;">
                <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="container">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      <a class="navbar-brand" href="#">JUSTIFIED HOME</a>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse center-block" id="bs-example-navbar-collapse-1">
                      <ul class="nav navbar-nav" style="margin-left: 20px;">
                            <li><a href="#"><span class=""><i class="icon ion-home"></i> HOME</span></a></li>
                            <li><a href="#"><span class=""><i class="fa fa-book"></i> BLOG</span></a></li>
                            <li><a href="#"><span class=""><i class="icon ion-ios-film"></i> VIDEOS</span></a></li>
                            <li><a href="#"><span class=""><i class="icon ion-log-in"></i> LOGIN</span></a></li>
                            <li><a href="#" class="notif"><span class=""><i class="fa fa-sign-in"></i> REGISTER</span></a></li>
                        <form class="navbar-form navbar-right" style="margin-right: 20px;">
                                <div class="input-group">
                                    <input type="text" class="form-control" id="search" style="border-radius: 25px;"  placeholder="Search Here...">
                                            <div class="input-group-btn">
                                                    <!--<button class="btn btn-default" type="submit">
                                                        <i class="glyphicon glyphicon-search"></i>
                    </div><!-- /.navbar-collapse -->


                    <div class="container">

                        <div class="row">

                            <div class="col-sm-8">

                                while ($selFullRow = mysqli_fetch_array($selFullChck, MYSQLI_ASSOC)) {
                                    # code...
                                    $thread_id = $selFullRow['threadId'];
                                    $thread_title = $selFullRow['threadTitle'];
                                    $thread_body = $selFullRow['threadBody'];
                                    $thread_author = $selFullRow['threadAuthor'];

                                    $thread_date = $selFullRow['threadDate'];
                                        $threadDateFm = strtotime($thread_date);
                                        $threadDateFmNw = date("d, D, F Y  g:i A", $threadDateFm);

                                        $thread_cat = $selFullRow['threadCat'];

                                        $selCatname = "SELECT * FROM frcats WHERE catId='$thread_cat'";
                                        $selCatNameResult = mysqli_query($con, $selCatname);
                                        $selCatNameResultCount = mysqli_num_rows($selCatNameResult);

                                        if ($selCatNameResultCount > 0) {

                                            while ($selCatRow = mysqli_fetch_array($selCatNameResult)) {
                                                # code...
                                                $threadCatName = $selCatRow['catName'];


                                    <div class="FullthreadDiv">
                                                <a href=""><h1 id="thread_title"><?php echo $thread_title; ?></h1></a>

                                                    <div id="FullThreadDivDetail">

                                                        <span><i class="icon ion-android-calendar"></i> <small style="font-size: 1em;"><?php echo $threadDateFmNw; ?></small></span>
                                                        &nbsp;<a href=""><span><i class="fa fa-user"></i> <small style="font-size: 1em;"><?php echo $thread_author; ?></small></span></a>
                                                        &nbsp;<a href=""><span><i class="icon ion-folder"></i> <small style="font-size: 1em;"><?php echo $threadCatName; ?></small></span></a>
                                                        &nbsp;<a href=""><span><i class="icon ion-chatboxes"></i> <small style="font-size: 1em;">Comments[5]</small></span></a>


                                                        <p id="thread_body"><?php echo $thread_body; ?></p>

                                                        <h3 style="color: #93b67b;">Comments.....</h3>
                                                        <div class="comment-block">

                                                        while($commentRow = mysqli_fetch_array($commentQuery, MYSQLI_ASSOC)){ 

                                                                $name = $commentRow['comment_name'];
                                                                $comment = $commentRow['comment'];
                                                            <div class="comment-item">
                                                                <div class="comment-avatar">
                                                                    <!--<img src="<?php echo avatar($commentRow['mail']) ?>" alt="avatar">-->
                                                                <div class="comment-post">
                                                                    <h3><?php echo $name; ?> <span>said....</span></h3>
                                                                    <p><?php echo $comment; ?></p>
                                                        <?php } ?>




                                        <div class="comment-block">
                                                <h3 class="text-leave-comment">Leave comment :: Reply to Thread...</h3>

                                                <form id="form" method="POST" action="ajax_comment.php">

                                                    <!-- need to supply post id with hidden fild -->
                                                    <input type="hidden" name="thread_id" value="<?php echo $thread_id; ?>">

                                                    <div class="form-group">
                                                        <label for="name" style="font-size: 17px;">Name</label>
                                                            <input type="text" required="" name="comment-name" placeholder="Your name here ..." class="form-control inputReg" />

                                                    <div class="form-group">
                                                        <label for="comment" style="font-size: 17px;">Reply</label>
                                                        <textarea name="comment"  placeholder="Your comment/reply here ..." rows="5" class="form-control inpuutTxtarea" required="" style="resize: none;"></textarea>

                                                    <div class="form-group">
                                                        <input type="submit" id="submit" class="btn btn-primary btn-comment" name="submit-comment" value="COMMENT" />



                            <div class="col-xs-6 col-sm-4">
                                <?php include 'sidebar.php'; ?>



    <script src="js/bootbox.min.js"></script>
    <script type="text/javascript" src="comment.js"></script>

    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>

    <script type="text/javascript">

        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function() {scrollFunction()};

        function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("MyTopBtn").style.display = "block";
        } else {
            document.getElementById("MyTopBtn").style.display = "none";

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0; // For Chrome, Safari and Opera 
            document.documentElement.scrollTop = 0; // For IE and Firefox

    var myVar;

    function myFunction() {
    myVar = setTimeout(showPage, 3000);

        function showPage() {
    document.getElementById("loader").style.display = "none";
    document.getElementById("myDiv").style.display = "block";


and here is my ajax_comment page


include 'dbconnect.php';

if (!empty($_POST['comment-name']) AND !empty($_POST['comment']) AND !empty($_POST['thread_id'])) {
        $name = mysqli_real_escape_string($con, $_POST['comment-name']);
        $comment = mysqli_real_escape_string($con, $_POST['comment']);
        $thread_id = mysqli_real_escape_string($con, $_POST['thread_id']);

        $comment_query = "INSERT INTO frcomments (comment_name, comment, threadId) VALUES ('$name', '$comment', '$thread_id')"; 

        $commentQuery = mysqli_query($con, $comment_query);


    <div class="comment-item">
        <div class="comment-avatar">
            <img src="<?php echo avatar($mail) ?>" alt="avatar">
        <div class="comment-post">
            <h3><?php echo $name ?> <span>said....</span></h3>
            <p><?php echo $comment?></p>


Let me fix it!

If in case you get the answer meanwhile, do let me know!!


ok thanks @Subraa_1... am waiting..

I had tried few changes in your code in local. Will fix it soon.

Being busy with busy schedules!!

Mean while, should you get any solution, do let me know