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

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();
}

我知道应该存在这样一种方式，可以自动打开类似于请求确认此操作的对话框。因此，如果用户单击“是”，则执行submitMyProjectAction() JavaScript函数。

但我不记得这东西的名字了。你能帮帮我吗?

Answer 1

我认为 function是你要找的。

Answer 2

或者您可以使用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" );
            }
          }
        });