0

可能重复：
Javascript 确认弹出窗口是，否按钮而不是确定和取消

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

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

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>
4

3 回答 3

2

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

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';
}
于 2012-05-12T19:34:46.927 回答
0

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

于 2012-05-12T19:32:11.993 回答
-1

如果您对确认框为您提供的“确定”或“取消”选项感到满意，您只需要更正通话中的错字即可。我会这样做

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

但是，如果您想更改默认文本，那么默认confirm弹出窗口就不走运了。你必须想出一个基于 html 的“弹出窗口”。

于 2012-05-12T19:35:54.847 回答