Possible Duplicate:
Custom alert using Javascript
我要创建一条确认消息-“您要继续删除吗?[是]或[否]”。
我有一个包含许多数据行的表,在其中单击特定行中的删除链接,该行中的数据在数据库中被删除。当用户单击删除选项时,我想先显示确认消息,以便用户可以在删除之前验证其操作。
我如何使用Java脚本和CSS动态地做到这一点?我不想使用alerBox(),因为它很丑陋而且很不专业。
我目前正在为我的学校项目jsp和Java Servlet工作。
希望任何专家能帮助我。我喜欢这个论坛,因为这里的人非常有帮助。提前谢谢!
最佳答案
如果您真的想看起来不错,请尝试以下方法:例如使用jQuery和jQueryUI。
在您的页面中输入以下内容:
<head>
<link rel="stylesheet" type="text/css" media="all" href="pathtoyourappfolder/jquery/css/black-tie/jquery-ui-1.8.4.custom.css" />
<script type="text/javascript" src="pathtoyourappfolder/jquery/js/jquery-1.4.2.min.js'" ></script>
<script type="text/javascript" src="pathtoyourappfolder/jquery/js/jquery-ui-1.8.4.custom.min.js'" ></script>
</head>
<body>
<div id="dialog-confirm" title="DELETE">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
Are you sure you want to delete this record?</p>
</div>
<table id="TblName">
<tr>
<td class="actions">
<a href="http://something/somethingelse/1" class="del">del</a>
</td>
<td>...</td>
</tr>
<tr>
<td class="actions">
<a href="http://something/somethingelse/2" class="del">del</a>
</td>
<td></td>
</tr>
</table>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#TblName td.actions a.del').click(function(event){
$("#dialog-confirm").dialog('open');
});
}
</script>
</body>