如何在PHP代碼中向可編輯按鈕添加可折疊表單？我嘗試了一些東西，但是沒有用

Question

我已經嘗試了兩個星期來添加一個可折疊的按鈕，該按鈕應該顯示編輯表單。 我找到了一些東西，但是Java代碼在我的PHP代碼中無法正常工作 。 例如，它的工作原理是兩乘兩下，這很煩人。

我試圖添加另一個可以更改該問題的變量，但是沒有起作用。 在那之后，工作三乘三。

<?php 
if(isset($_SESSION['id'])) {
  if($_SESSION['id'] == $row2['id']){

echo "<button type='submit' class='edit-comment'>Edit</button>
  <div class='content'><form class='content edit-form' method='POST' action='".editComments($conn)."'>
  <input type='hidden' name='comment_id' value='".$row['comment_id']."'>
    <input type='hidden' name='user_id' value='".$row['user_id']."'>
    <input type='hidden' name='date' value='".date('d-m-Y H:i:s')."'>
    <textarea class='comment' name='comment'>".$row['comment']."</textarea><br>
    <button id='edit' name='submite' type='submit'>Edit</button>
    </form></div>
    <script>
    var coll = document.getElementsByClassName('edit-comment');
    var i;

    for (i = 0; i < coll.length; i++) {
      coll[i].addEventListener('click', function() {
        this.classList.toggle('active');
        var content = this.nextElementSibling;
        if (content.style.maxHeight){
          content.style.maxHeight = null;
        } else {
          content.style.maxHeight = content.scrollHeight + 'px';
        }
      });
    }
    </script>"; ?>

我希望透露所有評論，但只能兩個接一個地工作。 這是一張圖片，可以更好地理解我的意思：

Answer 1

我不知道下面的內容是否會引起人們的興趣，因為我可能無法正確理解當前無法查看所有代碼的問題。 以下將創建（模擬創建）這些最小化/隱藏形式中的幾種，並為所有這些形式注冊一個javascript偵聽器

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8' />
        <title>expanding forms</title>
        <style>
            html *{
                box-sizing:border-box;
                -webkit-transition: all 350ms ease-in-out;
                -moz-transition:    all 350ms ease-in-out;
                -ms-transition:     all 350ms ease-in-out;
                -o-transition:      all 350ms ease-in-out;
                transition:         all 350ms ease-in-out;          
            }
            .content{
                display:none;
                margin:1rem 0;
            }
            .expanded{
                min-height:10rem;
                max-height:10rem;
                height:10rem;
                display:block;
                border:1px solid black;
                padding:0.25rem;
            }
            .minimised{
                height:0rem;
            }
            button.edit-comment{display:block;}
            textarea{
                width:80%;
                height:9.25rem;
                margin:auto;
                resize:none;
            }
            form > button[type='submit']{
                float:right;
                width:10%;
                padding:1rem;
                background:gray;
                color:white;
            }
        </style>
        <script>
            document.addEventListener('DOMContentLoaded', e=>{
                Array.prototype.slice.call( document.querySelectorAll('button.edit-comment') ).forEach( function( bttn ){
                    bttn.addEventListener( 'click', function(e){
                        let div=this.nextElementSibling;
                            div.classList.toggle( 'expanded' )
                    });
                });
            });
        </script>
    </head>
    <body>
        <?php
            for( $i=1; $i <=10; $i++ ){
                printf("
                    <button type='submit' class='edit-comment'>Edit</button>
                    <div class='content'>
                        <form class='hidden-content edit-form' method='POST' action='%s'>
                            <input type='hidden' name='comment_id' value='%d'>
                            <input type='hidden' name='user_id' value='%d'>
                            <input type='hidden' name='date' value='%s'>
                            <textarea class='comment' name='comment'>%s</textarea>
                            <button name='sub' type='submit'>Edit</button>
                        </form>
                    </div>",

                    '',
                    $i,
                    $i,
                    date('d-m-Y H:i:s'),
                    'This is a comment #'.$i
                );
            }
        ?>
    </body>
</html>

如何在PHP代碼中向可編輯按鈕添加可折疊表單？我嘗試了一些東西，但是沒有用

問題描述

1 個解決方案

解決方案1
1 已采納 2019-05-19 07:35:24

如何在PHP代碼中向可編輯按鈕添加可折疊表單？ 我嘗試了一些東西，但是沒有用

問題描述

1 個解決方案

解決方案1 1 已采納 2019-05-19 07:35:24

如何在PHP代碼中向可編輯按鈕添加可折疊表單？我嘗試了一些東西，但是沒有用

解決方案1
1 已采納 2019-05-19 07:35:24