在JS弹出窗口中包含不同的.php文件 - javascript

我有多个按钮,这些按钮当前重定向到不同的页面,以便用户执行单个操作,然后他们需要在确认页面上单击另一个按钮以返回到以前的位置。这是一所老派学校,不方便...

我想做的是创建1个单个弹出框,单击这些按钮中的任何一个都会触发(出现)。在框内,我希望出现相关的.php文件,以便用户可以确认其操作,然后页面将重新加载并显示确认消息。

例:
“删除”按钮需要触发confirmation-popup.php与包含其中的delete.php文件一起显示,以便用户可以确认删除。

“取消”按钮需要触发confirmation-popup.php与包含其中的cancel.php文件一起显示,以便用户可以确认取消。

这是我所做的:
-创建了弹出窗口,并将其包含在其“帐户”页面(所有按钮都位于此处)中。
-添加了一个通过按钮ID来触发弹出窗口的JS

当单击两个按钮中的任何一个时,弹出窗口将显示正常。
我停留在需要传递不同的“ action” .php文件并将其包含在弹出式正文中的阶段。我知道我可以为各自的相关操作创建多个弹出窗口,但是我们都知道这不是最佳实践,并且会增加一倍。

任何帮助,将不胜感激!

编辑:在以下注释后添加了代码

HTML:

<a href="<?php bloginfo('siteurl') ?>/?a_action=delete_auction&pid=<?php the_ID(); ?>"><button class="button-small button-red" id="confirm-delete">Delete</button></a>

JS:

$(document).ready(function() {
    $("#confirm-delete").click(function() {

        if (!$(".confirm-popup").is(":visible")) {
            $(".confirm-popup").fadeIn("slow");
            return false;
        }
    });
});

PHP Confirm_popup.php:

<div class="confirm-popup">
<?php include 'delete_auction.php'; ?>

</div>

javascript大神给出的解决方案

您可以根据按下的按钮在弹出窗口中打开不同的iframe。这将允许您使用一个弹出窗口,并且只需将iframe src属性编辑为正确的php页面。例如,您可以向每个按钮添加HTML属性,以保存应由该按钮打开的页面的URL。然后,您将获得一些JS代码,在按下按钮时,它们将读取保存URL的属性,并将其放入弹出窗口中的iframe src属性中。

使用jQuery这样的东西:

<button class="myclass" cotent-url="delete.php">Delete</button>
<button class="myclass" cotent-url="save.php">Save</button>
<div class="popup"><iframe src=""></iframe></div>

<script type="text/javascript">
$('.myclass').click(function(){
    $('.popup iframe').attr('src', $(this).attr('content-url'));
})
</script>

或AJAX方式:

<button class="myclass" cotent-url="delete.php">Delete</button>
<button class="myclass" cotent-url="save.php">Save</button>
<div class="popup"></div>

<script type="text/javascript">
$('.myclass').click(function(){
    $.ajax({
        url: $(this).attr('content-url'),
        data: {},
        success: function(response) {
            $('.popup').html(response);
        },
        dataType: 'html'
    });
})
</script>

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器,可以在HTML中正常工作,但是当我从PHP回显调用时,似乎没有得到div ID的名称,因此它无法播放我的音频。这是我的代码:// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

在php中单击按钮添加表行并设置字段值 - javascript

我有一个表单,必须在单击按钮时添加表行。这是我必须动态添加的表行:(addProdToGroup.php)<tr style="text-align: center;" id="products"> <td><?php $j ?></td> <td><s…

如果复选框切换复选框已选中,则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div,我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗?那是工作吗?function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…

如何添加5分钟的JavaScript倒数计时器来提交表单 - javascript

我想添加5分钟的倒数计时器,将其提交到我的php页面。 <form name="myfm" id="myfm" method="post" action="Quiz.php"> <table width=100%> <tr> <td wi…

包含输入和/或文本的SerializeArray表行。怎么样? - javascript

我创建了一个生成估计的表格。我已经弄清楚了如何添加,更新订单项和估算总额以及删除订单项和估算总额。我现在想做的是,一旦用户在下表中完成数据输入,我需要用户能够使用估计主键tbl_estimate保存该估计,因此...我需要翻转每个表行转换为以下JSON格式,然后将其提交到PHP PDO页面进行处理。我怎样才能序列化一个表?// DESIRED JSON FO…