Php 要在对话框而不是另一页中显示的信息

如何制作每个按钮，而不是转到另一页在同一页的对话框中显示信息。 此代码位于头部，用于从另一个文件调用id

<script type="text/javascript">

function getvoucher(id){


    return data;

    });

    }

</script>

功能获取凭证（id）{
返回数据；
});
}

然后我的while循环中有一个按钮：

<td><?php echo $row['voucher_id']; ?></td>
<td> <?php echo'<a href="test.php?id=' . $row['voucher_id'] . '"> Click here</a>'; ?></td>

---

当我单击按钮时，它会显示我在测试中想要的内容，但我希望它显示在一个对话框中，有什么帮助吗？

您可以使用JQuery的UI对话框，该对话框目前使用得相当广泛。以下是演示的链接：

您可以做的是设置要在对话框div的标记中显示的内容，然后将对话框绑定到按钮id

示例

JAVASCRIPT

$("#voucher_id").click(function() {
     $.get("http://52.91.139.19/inactive/test.php?id=" + id, function(data,status){

        $("#content").html(data);

     });
});

HTML

<div id="dialog" title="Basic dialog">
  <p id="content">This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

您可以使用JQuery的UI对话框，该对话框目前使用非常广泛。以下是演示的链接：

您可以做的是设置要在对话框div的标记中显示的内容，然后将对话框绑定到按钮id

示例

JAVASCRIPT

$("#voucher_id").click(function() {
     $.get("http://52.91.139.19/inactive/test.php?id=" + id, function(data,status){

        $("#content").html(data);

     });
});

HTML

<div id="dialog" title="Basic dialog">
  <p id="content">This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

然后，您应该在按钮和脚本中添加Id

$("#id").click(function(){
    alert("You clicked the button");
});

您是否尝试过类似于echo

alert（“Message”）的警报

或者您是否尝试打开可以使用的fancybox，例如


$（“.className”）.fancybox({
最大宽度：500，
最大高度：600，
菲托维：错，
宽度：'60%'，
高度：'100%'
}
});`

如果您想打开按钮，请尝试使用onclick to rised fancybox或dialog，我不喜欢这样做

$("#id").click(function(){
    alert("You clicked the button");
});

$("#id").click(function() {
     $.get("http://inactive/test.php?id=" + id, function(data,status){

        $("#content").html(data);

     });
});

您是否尝试过类似于echo
alert（“Message”）的警报

或者您是否尝试打开可以使用的fancybox，例如


$（“.className”）.fancybox({
最大宽度：500，
最大高度：600，
菲托维：错，
宽度：'60%'，
高度：'100%'
}
});`

如果你想打开按钮，那么试着用onclick到rised fancybox或dialog，我不喜欢那样做
你可以使用任何jquery ui对话框弹出并在其中显示你的数据。我知道如何创建对话框，但我不确定如何获取测试中的数据以显示$（文档）。就绪（函数（）{$（文档）。在（“单击”，“td”，函数（）{$(“#data”）.empty（）；$（“#data”）.append（）；$（“#data”）.dialog（{width:700}）；}）；bootstrap对话框如何？jQuery UI对话框，您可以使用任何jQuery UI对话框弹出并在其中显示数据。我知道如何创建对话框，但我不确定如何获取测试中的数据以显示$（document）。ready（function（）{（document）。on（）单击“，”td“，function（）{$（“#数据”）.empty（）；$（“#数据”）.append（）；$（“#数据”）.dialog（{width:700}）；}）；bootstrap dialog如何？jQuery UI dialog，是的，但我的意思是如何在其中显示另一个页面的内容？@jasmine825这很简单，如果你有该页面的数据，那么只需将其添加到html dialog标记。我将用一个示例更新代码。是的，但我的意思是如何在其中显示另一个页面的内容？@jasmine825这很简单，如果是的话你有页面的数据，然后将其添加到html对话框标记中。我将用一个例子更新我的代码。我知道你缺少代表，但这实际上只是一个评论。这种类型的回答会吸引我没有DV的反对票，如果发生这种情况，你将失去代表分数，需要更长的时间才能达到50次。在你有50次代表之前，请坚持回答以下问题：这些问题问得很好，因此很容易回答，无需澄清。也许你应该删除此项comment@RiggsFolly与其降低人们的回答等级，你实际上可以显示一些帮助，但不幸的是OP需要一个对话框而不是一个警报，因此这对OP还是不是很有用，或者根据OP的要求，我猜他们需要t该对话框自动出现，用户不必点击链接，而是通过编辑编辑我们正在接近回答问题。我知道你缺少代表，但这实际上只是一个评论。这种类型的回答吸引了我没有DV的反对票，如果发生这种情况，你将失去代表点，需要更长的时间才能找到答案50次重复。在你有50次重复之前，坚持问得好的问题，因此不需要澄清就可以轻松回答。也许你应该删除这个comment@RiggsFolly实际上，您可以显示一些帮助，而不是降低人们的答案等级，但不幸的是，OP需要的是一个对话框而不是警报，因此这对O来说仍然不是很有用P或Sob根据OP的要求，我猜他们希望对话框自动出现，而不是让用户点击链接，而是一个接一个地编辑。我们正在接近问题的答案。我需要添加整个网站还是像你那样？是的，整个网站，但我想你已经删除了。我需要添加整个网站吗或者像你那样？是的，整个网站都被删除了，但我想你的网站已经被删除了。
$("#id").click(function() {
     $.get("http://inactive/test.php?id=" + id, function(data,status){

        $("#content").html(data);

     });
});