带有三个按钮的弹出窗口

时间:2016-06-01 13:11:36

标签: javascript html web

当用户点击文字时,我需要弹出一个带有三个按钮的窗口。

我在java类中拥有的内容:

myHtml.append("<a href=\"" + myUrl+ "\" onclick=\"javascript: return confirm('" + myMessage + "')\">" + myLink + "</a>");

我需要的是不要使用“确认”。我需要使用类似于confirm()但有3种不同操作的弹出窗口。

如何将confirm()替换为3种不同的操作,而不仅仅是“确定”和“取消”?

修改

我有另一个想法,我可以从java类调用提示但我的问题是如何在我的java类中获取提示结果?

myHtml.append("<a href=\"" + myUrl + "\" onclick=\"javascript: return prompt('" + myMessage + "')\">" + myLink + "</a>");

2 个答案:

答案 0 :(得分:1)

我不认为在不使用JQuery或其他自定义对话框的情况下,可以使用三个按钮进行警报弹出。 (正如this question中已经指出的那样)

由于您将prompt()函数作为html文档的一部分进行调用,因此我看不到将结果返回到java程序的可能性。但是,您可以扩展附加到onclick属性的函数,以便将其发送到您的Java程序,即使我认为这不是一个优雅的解决方案。

答案 1 :(得分:0)

您需要使用三个按钮为该自定义弹出窗口编写脚本。试一试。

<script>
  $(function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:100,
      modal: true,
      buttons: {
        "Button 1": function() {
          $(this).dialog( "<something>");
        },
        "Button 2": function() {
          $(this).dialog( "<something>");
        },
        Cancel: function() {
          $(this).dialog( "close" );
        }
      }
    });
  });
  </script>
</head>

在html页面的body标签中。使用以下:

<div id="dialog-confirm" title="Empty the recycle bin?">
  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Your text here.</p>
</div>