Hunter o_0's questions

JS 中有一个在可点击链接下打开块的工作示例。但是我们如何才能通过某种动画让这个块顺利打开呢？ CSS 动画不起作用。如何使用 javascript 实现这一点？

document.querySelectorAll('a').forEach(function(link) {
    link.addEventListener('click', function(e) {
        e.preventDefault(); // Предотвратить поведение ссылки по умолчанию
        var Div = document.querySelector('.div'); // Получаем div
        this.parentNode.insertBefore(Div, this.nextSibling); // Вставить div после нажатой ссылки
        Div.classList.add('open'); // Показать только что вставленный div
    });
});

a { display: block }
.div {
    position: relative; width: 250px; height: 0; opacity: 0; visibility: hidden; padding: 1em; background: #BCC5C8;
    -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all;
}
.div.open {height: auto; opacity: 1; visibility: visible;}

<a href="#" id="a">cсылка 1</a>
<a href="#" id="b">cсылка 2</a>
<a href="#" id="c">cсылка 3</a>

<div class="div">my div</div>

您需要将每个文本区域的文本输出到相应的预标记。有些东西似乎起作用了，但文本不是显示在 PRE 中，而是显示在 BUTTON 中。这是一个工作示例（javascript）：

function txt(){
    
    document.querySelectorAll('.buttons').forEach(btns => {
        btns.addEventListener('click', function () {
            document.querySelectorAll('.pre').forEach(pre => {
                this.closest('.block').querySelectorAll('.precode').forEach(precode => {
                    //Отправка формы
                    this.innerHTML = precode.value;
                });
            });
        });
    });
 
}

.pre {border: 1px solid black; height: 20px}

<div class="block"><br>
    <textarea class="precode" onkeyup="txt()" name="text"></textarea>
    <br><pre class="pre"></pre>  
    <button class="buttons" onclick="return false">Вывести</button>
       
</div>
<div class="block"><br>
    <textarea class="precode" onkeyup="txt()" name="text"></textarea>
    <br><pre class="pre"></pre>
    <button class="buttons" id="button" onclick="return false">Вывести</button>
       
</div>
<div class="block"><br>
    <textarea class="precode" onkeyup="txt()" name="text"></textarea>
    <br><pre class="pre"></pre>
    <button class="buttons" onclick="return false">Вывести</button>
       
</div>

有一个用户列表，对于每个用户，您需要显示与其对应的查询。问题是您只能显示每个用户的一个请求，即 我需要做一个 while 循环，但我不明白如何做。

SQL
//Таблица пользователей

1   id                int(11)   
2   user              tinytext  
3   ip                text  
4   user_agent        varchar(255)      
5   request           int(11)           
6   cnt               int(11)       
7   date              timestamp 


//Таблица запросов

1   id                int(11)           
2   ip                text  
3   request_url       text      
4   user_id           int(11)
5   date              timestamp 

PHP代码

$sql = "SELECT * FROM `online_adm` WHERE $where ORDER BY `date` DESC";
$Result = mysqli_query($CONNECT, $sql);
while ($row = mysqli_fetch_assoc($Result)) {

      $Row = mysqli_fetch_assoc(mysqli_query($CONNECT, "SELECT * FROM `online_ddos` WHERE `ip` = '$row[ip]' ORDER BY `date` DESC"));

      $USERS.='
           <div class="table_block">
              <div class="inner_block">
                  <p>'.$row['user'].'</p>
               </div>
              <div class="inner_block">
                  <ul class="droplist_menu">
                      <li>
                           <a href="#">Запросы</a>
                           <ul>
                               <li>'.$Row['request_url'].'</li>                  
                           </ul>
                      </li>
                  </ul>      
                  <div class="inner_block">
                     <p class="ip-hidden">'.$row['ip'].'</p>
                  </div>
                  <div class="inner_block" id="cnt_vw">
                     '.$cnt.'
                  </div>
                  <div class="inner_block">
                     <p>'.$row['data'].'</p>
                  </div>
           </div>
';} 
           
echo'
  <h5>Пользователи</h5>           
     <div class="table inline">
        <div class="table_block">
           <div>Пользователь</div>
           <div>Список запросов</div>
           <div>IP</div>
           <div id="cnt_vw"><i>(CNT)</i></div>
           <div>Время</div>
        </div>
     '.$USERS.'
     </div>';