如何从数据库中打开带有唯一消息ID的弹出窗口

问题描述

我正在尝试在我的网站中创建一个弹出消息对话框。当用户单击答复图标时，将显示一条弹出消息，并且他将有一个文本区域来回答被问到的问题。

现在，当用户单击我的标签时，无论他在消息收件箱中按下了哪条消息，它都会打开对话框。

我需要一种只用消息的唯一ID打开对话框的方法。

现在，每当用户单击任何要答复的消息时，除非它们是第一条，否则它将始终从上到下开始答复。我希望它回答他单击的特定消息。

这是我的弹出窗口：

<div class="sitemodal fade" id="reply-popup">
    <div class="sitemodal-dialog" >

      <!-- siteModal content-->
      <div class="sitemodal-content">
        <div class="sitemodal-header">
          <button type="button" class="close-popup">&times;</button>
          <p id="showMesgID" style="display:none;"></p>
          <h4 class="sitemodal-title" style="font-size: 20px;">Reply</h4>
        </div>
        <hr style="margin-top: 8px;margin-bottom:2px;">
        <div class="sitemodal-body" style="padding: 0px 0;">
          <form enctype="multipart/form-data" method="Post" action="" name="msgform" onsubmit="">
        <textarea placeholder="Reply to the eitiraaf" name="textarea1"  onkeyup="countChars(this);" id="textarea1" maxlength="250" rows="3" cols="2"
            style=" text-align: left; resize:none; margin-top:4px; 
                width:90%;min-width:200px; height:100px; background: #fff; border-radius: 6px;
                border: 0.8px solid #ac68cc;
                 max-width:500px;
                 padding:6px;"></textarea>

      
        </div>
        <hr style="margin-top: 16px;margin-bottom:2px;">
        <div class="sitemodal-footer" style="display: flex;margin-bottom:8px;">
            <input style="padding: 8px;margin-top:16px; position:inherit;  width:25%; background: #ac68cce3; border-radius: 6px; border: 0.6px solid #ac68cce3; color: #fff; max-width:330px;"
        class='main-div' type="submit" value="Reply" name="sendmsg">
         
    
        </div>
      </div>
          </form>
    </div>
</div>

这是打开弹出窗口的标签：

<a class="msg-icon2 popup-button"  id=""> <i class="fas fa-reply"></i></a>//this is the icon the user presses to open the pop up. here is where i want things to be unique to each individual message.

这是我的php，用于在弹出窗口中处理表单的提交。

if (isset($sendmsg)){

            $msg_id=$row['msgid'];
    
        
        
            $txt = $_POST['textarea1'];
        
    
                date_default_timezone_set("Asia/Bahrain");
                $d = date('Y-m-d H:i:s');
                $from = $_SESSION['active_user_id'];
                $user_name = $_SESSION['active_user'];
                $query = "INSERT INTO messages_reply (from_id,question,answer,message_id,date,to_id) VALUES
                (?,?,?)";
                $result = $db->prepare($query);
                $result->bindParam(1,$from);
                $result->bindParam(2,$question);
                $result->bindParam(3,$txt);
                $result->bindParam(4,$msg_id); 
                $result->bindParam(5,$d);  
                $result->bindParam(6,$to_id);                  
                $result->execute();
                if ($result)
                {
                    $deleteMessage = $db->prepare("DELETE FROM messages WHERE msgid=?");
                    $deleteMessage->bindValue(1,$msg_id);
                    $deleteMessage->execute();
                    
            
                    
                    header( "location:profile" );
                    
                    $success = true;
                }
                
                
                
                $db=NULL;
            
            
        
        }

我尝试了多种方法来使此弹出窗口起作用。 ajax，javascript函数以及许多用于放置和显示弹出窗口的方法。但没有任何效果。如果有人有任何建议，请多多关照。

我的主要问题是：用户如何回答按下图标的特定问题？

解决方法

正如您在评论中所说，您正在使用引导程序模式打开弹出窗口，因此打开弹出窗口时您需要更改表单中的消息ID。

按钮回复：

<a class="btn btn-primary reply" data-id="544" data-toggle="modal" data-target="#reply-popup"> Reply</a>

弹出窗口：

<div class="fade modal" id="reply-popup">
    <form action="post">
      <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
            <input type="hidden" name="msgid" value="">
            <textarea class="form-control" name="message"></textarea>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Send</button>
        </div>
      </div>
    </div>
  </form>
</div>

打开句柄：

jQuery(document).ready(function(e) {
    $(document).on('shown.bs.modal','#reply-popup',function (e) {
        var messageId = $('.reply').data('id');
      $('#reply-popup input[name="msgid"]').val(messageId);
    });
});

jsfiddle中的示例：https://jsfiddle.net/hamdane/jky4m2s3/