How to display all comments divs

Question

1.00/5 (1 vote)

See more:

When I click button Add comment only for first post comment div are show, when i click another buttons in another posts- show only first post comments div. Also in this comment form the input

<input type="hidden" class="form-control" name="id" value="<?= $col['id'] ?> ">

copy the id of first post.

How to make to display any post comment form, not only first.

What I have tried:

<pre lang="PHP"><pre><?php

include_once "database_connection.php";
include_once "blogModel.php";


$post = new Post;

$items = $post->get_all_post($conn);

if (isset($_POST['post_comment'])) {

    $post->AddComment($conn);
    session_start();
}

if (isset($_POST['post'])) {

    $post->Add($conn);
    session_start();
}


?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="task3.css">
</head>

<body>

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">

    </head>

    <body>

        <div class="container">
            <button type="btn" class="btn btn-primary" name="post" 
         onclick="myFunction()">Add Post</button>
        </div>


        <div class="container" id="myDIV">
            <form action="" method="post" class="form">
                <input type="text" class="form-control" name="name" 
                 placeholder="Name">
                <br>
                <textarea name="text" cols="30" rows="10" class="form-control" 
                 placeholder="Message"></textarea>
                <br>
            <button type="submit" class="btn btn-primary" name="post">Add         
            Post</button>
            </form>
        </div>

        <?php

        foreach ($items as $col) { ?>
            <div class="container border border-success">
                <p><?= $col['name']; ?></p>
                <?= $col['text']; ?>
                <?= $col['date']; ?>
                <button type="btn" class="btn btn-primary" name="comment" 
                onclick="showHide()">Add Comment</button>

                <div class="container">
                    <?php
                    $str = (string)$col['id'];
                    echo $str;
                    $comm = $post->get_all_comments($conn, $str);
                    foreach ($comm as $row) {
                    ?>
                        <div class="container border border-danger">
                            <h5><?php echo $row['name']; ?></h3>
                                <p><?php echo $row['text']; ?></p>
                        </div>
                    <?php }  ?>

                    
                    
                    <div class="container" id="hidden_div" style="display:none">
                        <br>
                        <form action="" method="post" class="form">
                            <input type="text" class="form-control" 
                             name="com_name" placeholder="Name">
                            <input type="hidden" class="form-control" name="id" 
                            value="<?= $col['id'] ?> ">

                            <br>
                            <textarea name="com_text" cols="30" rows="10" 
                            class="form-control" placeholder="Message"></textarea>
                            <br>
                            <button type="submit" class="btn btn-primary" 
                            name="post_comment">Post Comment</button>
                        </form>
                    </div>

                </div>

            </div>

        <?php } ?>

        <script type="text/javascript">
        function myFunction() {
            var x = document.getElementById("myDIV");
            if (x.style.display === "block") {
                x.style.display = "none";
            } else {
                x.style.display = "block";
            }
        }


        function showHide() {
            var x = document.getElementById("hidden_div");
            if (x.style.display === "block") {
                x.style.display = "none";
            } else {
                x.style.display = "block";
            }
        }
    </script>

    </body>

    </html>

Posted 8-Jun-22 8:14am

Михаил Днищенко Jul2021

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)