Question

我在confirm("")页面中使用了javascript的{{1}}弹出式提醒功能，它显示了jsp和'OK'按钮，但我希望{{1}而不是。

请告诉我有什么方法可以做到或有任何替代方案。

Answer 1

如果您在javascript中使用确认声明，则无法更改它。您必须使用java脚本或jquery创建自定义确认框。这是一个不使用jquery或javascript的可选方法

<style type="text/css">

div#popup
{
    position:absolute;
    display:none;
    top:200px;
    left:50%;
    width:500px; 
    margin-left:-250px;
    border:1px solid blue; 
    padding:20px;
    background-color:white;
}

</style>

<a 
    href="http://example.com/" 
    onClick="document.getElementById('popup').style.display = 'block'; return false;"
>Go to example.com</a>


<div id="popup">
    <p>Are you sure you want to go to example.com?</p>
    <p>
        <a onclick="document.location='http://example.com/'; return false;">
            Yes
        </a>
        <a onclick="document.getElementById('popup').style.display = 'none'; return false;">
            No
        </a>
    </p>
</div>

您也可以使用jquery

function askUserYesOrNo() {
  var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
  $("#yes").click(handleYes);
  $("#no").click(handleNo);
  myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}

function handleYes() {
  //handle yes...
}

function handleNo() {
  //handle no...
}

Answer 2

javascript限制了自定义确认框的选项。因此，您无法将确认框按钮从 OK/Cancel 更改为 YES/NO

您可以使用JQuery来自定义

Here is a link使用JQuery和CSS3进行自定义ConfirmBox

Answer 3

您可以使用此Jquery基础解决方案。它可以选择添加任意数量的按钮以及各自的操作。

http://stefangabos.ro/jquery/zebra-dialog/

如何在我的jsp页面中使用javascript显示弹出警报？

3 个答案: