确认弹出窗口和后续操作

Question

我在 Apache 上有一个 dataTables HTML 表，每天生成，显示 proxmox 集群中的所有虚拟机。

该表每天通过 API 调用 Proxmox 动态生成。 我希望能够通过单击 HTML 表中该虚拟机所在行中的链接、按钮、图像等任何内容来关闭或重新启动虚拟机。

我可以通过在每行的单元格中创建一个链接，指向调用 cgi-bin 中的 bash 脚本的 html 页面来做到这一点，

重新启动时的链接如下所示，例如：

<a href=$VMNAME-reboot.html ><img src="rebootIcon.png"</a>

基本上有一个用于重新启动的图标，您单击它即可链接到另一个 html 页面。

因此，对于名为 MYDC01 的虚拟机，链接指向 MYDC01-reboot.html。 这个 html 文件加载一个 iframe，其中调用了 cgi-bin 脚本：

cgi-bin/reboot.sh?MYDC01

重启脚本采用 ${QUERY_STRING} 并对 proxmox 进行 API 调用并重启虚拟机。

这有效..但是.....没有弹出确认窗口。

我想要的是单击重新启动链接，弹出窗口显示“您确定吗？”确定/取消。

我正在看类似的东西： https://www.cssscript.com/confirmation-popup-dialog/

我能够将源代码复制到我的 Apache 并创建一个虚拟页面，然后弹出“确定”和“取消”窗口。

但是我对 Javascript 的了解还不够，不知道如何让“确定”按钮真正执行某些操作。

当然，我需要一些动态的东西，因为表的每一行都有不同的虚拟机名称以及许多不同的功能（重新启动、重置、启动、关闭等）。

如果需要，可以想象表的每一行中的每个虚拟机都有自定义代码，因为每天都会创建表。

目前，我将所有虚拟机放入一个 csv 文件中，然后循环遍历虚拟机并为每个虚拟机构建一个表行。

# Create html rows
TROW="
<tr><td>$CLUSTER</td>
<td><a href=https://$NODE:8006 target=_blank>$NODE</a></td>
<td>$VMNAME</td>
<td><a href=$VMNAME-reboot.html><img src="rebootIcon.png"></a></td>
</tr>

考虑这将如何工作，我单击 MYDC01 行中的重新启动图标，我收到一个弹出窗口，我选择“确定”.. 然后必须知道对 MYDC01 采取操作。

或者，每一行都可以有一个复选框，我选择一行，然后单击页面上某处的重新启动图标，弹出窗口，然后“确定”将重新启动该虚拟机，但我不知道该怎么做.

任何帮助或想法将不胜感激。

谢谢

Answer 1

使用 addEventListener() 而不是内联 Javascript 会更好，但这是一种快速但肮脏的方法。您应该能够从那里推断出更永久的实现。

<td><img src="rebootIcon.png" onclick="if( confirm('You sure?') )  location.href = 'MYDC01-reboot.html' "> </td>