javascript - 单击时显示一个带有好友列表中好友用户名的 div

Question

我不知道该怎么做，我正在构建一个聊天系统，所以我现在想要的是当点击 friend 名字时显示一个带有 friend 用户名的div，就像facebook一样，我想要用户名有一个到 id 的链接，所以我可以用它来识别哪个用户 echo 是 div 内的消息类型，请有人修复我的代码，现在一团糟。

此代码显示我的 friend 列表

 $list = "select friend_uid,friend_id from friend where user_id='$id' AND status='1'";
             $friend = mysqli_query($conn,$list);
             while($rowf = mysqli_fetch_assoc($friend)){
                echo $rowf['friend_uid'].'<br>';

             }
              $friend_list = "select user_uid,user_id from friend where friend_id='$id'  AND  status='1'";
             $res_friend = mysqli_query($conn,$friend_list);

              while($row = mysqli_fetch_assoc($res_friend)){
               ?>
           <nav id="chat_id" onclick="view()"><a href="#chat<?php echo $row['user_id']; ?>"><?php echo $row['user_uid'].'<br>';}?></a></nav>
           <input type="text" placeholder="search for a friend">
       </div>
    </div>
    <?php


}?>

这是点击好友名称时要与好友用户名一起显示的 div

< div class="friend_chat">
           <div id="chat" style="display:none;">
           <label><?php echo $row['user_uid'];?></label>
              <input type="text" placeholder="type a message">
              <?php

              ?>
              </div>
              </div>
              </div>
              <script>

              function view(){
              var chat = document.getElementById('chat');
              if(chat.style.display = "none"){

              chat.style.display = "block";
              }else{
              chat.style.display = "none";
              }
              }
              </script>

Answer 1

如果您不使用ajax，则通过url传递用户的userid并在聊天div上获取它:

   <a href=
   "chat.php?uid=
   <?php echo 
    $row["user_uid
    "]; ?>"><?php 
    echo 
    $row["userna
    me"]; ?></a>

然后在聊天页面上执行:

  <?php
   if(isset($_GET["
   uid
   "])){
   echo '<div 
   class=
   "chat">'.$_GET[
   "ui
   d"].'</div>';
   }
  ?>