Question

我绝对是JavaScript的新手，我有这个疑问。

我有这个可点击的图片：

 <img src="<%=request.getContextPath()%>/images/delete.png" alt="remove"
      id="RemoveProject"
      style="cursor: pointer;"
      title="remove"
      onClick="submitMyProjectAction('<s:property value="idProjectInfo"/>', this.id)"
  />

正如您所看到的，当用户点击图像时，会执行此JavaScript函数，只需提交表单：

function submitMyProjectAction(id, imgId) {
    alert(imgId);

    document.getElementById("projectActionId").value = id;
    document.getElementById("clickedActionId").value = imgId;
    document.getElementById('myProjectAction').submit();
}

我知道应该存在一种自动打开类似对话框的方法来确认此操作。因此，如果用户单击yes，则执行submitMyProjectAction（）JavaScript函数。

但我不记得这些东西的名字。你能救我吗？

Answer 1

或者您可以使用jQuery UI，并使用模式确认（http://jqueryui.com/dialog/#modal-confirmation）。

因此，当用户点击图像时，将显示该模态表单。它将有两个按钮，单击“确认操作”将触发您想要的功能，submitMyProjectAction();

它将记录如下内容：

function BeforeSubmitMyProjectOption() {
        $( "#dialog-confirm" ).dialog({
          resizable: false,
          height:140,
          modal: true,
          buttons: {
            "Confirm Action": function() {
              submitMyProjectAction(id, imgId)
              $( this ).dialog( "close" );
            },
            Cancel Action: function() {
              $( this ).dialog( "close" );
            }
          }
        });

如何在用户使用JavaScript单击图像时自动显示询问确认的对话框？

1 个答案: