Question

可能重复：
Javascript Confirm popup Yes, No button instead of OK and Cancel

如果没有使用jquery或VB.Script，请有人帮我制作一个带有“是”和“否”按钮的确认框。我搜索了很多，但我得到了jquery的所有答案，但这不是我的要求。

我必须从confirmmbox函数调用另一个函数。我在下面使用的代码

HTML

<a href="#" onlick="show_confirm('<?php echo $cat_id; ?>')">Delete</a>

和Javascript

<script type="text/javascript">
function show_confirm(cat_id)
{
  var conf = confirm("Are you sure you want to delete the file");
  if (conf ==true)
  {
    deleteCatagory(cat_id);
  }
}

function deleteCatagory(cat_id)
{
  var obj = document.getElementById("file_"+cat_id);
  callAjax(cat_id,obj);
}
</script>

Answer 1

很简单。您必须自定义一个具有“是”和“否”按钮的HTML框。 “是”按钮执行代码并隐藏框，“否”按钮仅隐藏框。像这样简单的事情会做：

HTML 的

<div id="confirmation">
Are you sure you want to delete the category?<br>
<input type="button" onclick="deleteCategory(document.getElementById('catID').value);this.parentNode.style.display='none';" value="Yes">
<input type="button" onclick="this.parentNode.style.display='none';" value="No">
<input type="hidden" id="catID" value="0">
</div>

CSS

<style type="text/css">
<!--
#confirmation {
display: none;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
border: 2px solid white;
padding: 3px;
text-align: center;
width: 200px;
height: 50px;
}
</style>

更新了show_confirm()：

function show_confirm(catID) {
    document.getElementById('catID').value=catID;
    document.getElementById('confirmation').style.display='block';
}

Answer 2

你需要自己创建它，这个：http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html似乎有办法做到这一点，但这是用5分钟的谷歌搜索。其他人建议使用div来做，这是我个人的偏好。

Answer 3

如果您对“确认”选项提供的“确定”或“取消”选项没问题，您只需要修复通话中的拼写错误。我会这样做

<a href="JavaScript:void(0);" onclick="show_confirm('<?php echo $cat_id; ?>');">Delete</a>

如果您想要更改默认文本，那么您将无法使用默认的confirm弹出窗口。你必须想出一个基于HTML的“弹出窗口”。

如果没有jquery和VBscript，请使用按钮“yes”“no”确认框

3 个答案: