单击jsp中的“删除”链接后,出现一个确认框。现在的问题是成功删除页面显示在同一窗口中。
我想在一个弹出窗口中显示它。
我尝试使用javascript onclick(),但它不起作用。那么,我该怎么做呢?
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.ask-plain').click(function(e) {
e.preventDefault();
thisHref = $(this).attr('href');
if(confirm('Delete this record?')) {
window.location = thisHref;
}
});
$('.ask-custom').jConfirmAction({question : "Anda Yakin?", yesAnswer : "Ya", cancelAnswer : "Tidak"});
$('.ask').jConfirmAction();
});
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, windowname, 'width=750,height=430,scrollbars=no');
return false;
}
//-->
</SCRIPT>
---Delete image
<td width="3%" align="left"><a href="cir_delete.jsp?cir_id=<%=rs.getString("cir_id")%>" class="ask"><IMG SRC="12.png" ALT="Delete" BORDER="0"></a></td>
谢谢
最佳答案
当您单击删除时,将显示确认框,然后提交表单。
您需要做的是通过jquery提交表单,cathc结果并将其显示传递给弹出框。我会尽快给大家介绍。
我已经用jconfirm完成了一次:
<script type="text/javascript">
$(document).ready(function(){
// give all your delete links a class="del" then when this is clicked, execute following:
$(".del").click(function () {
//get the href from th link you clicked
var href = $(this).attr("href");
activate JConfirm
jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
// if confirm is clicked:
if(r){
//post the form serialised to the url
$.post(href, $("#yourtestform").serialize(),
function(data){
// the posted form will return html data, load this data in a hidden div
$('#loadhtml').html = data;
// now that the data is loaded, open a colorbox with the hidden div as content (don't forget to include the colorbox.js
$('#loadhtml').colorbox();
};
);
}
//if the person clicked cancel: do nothing
else{
return false;
}
});
// insure that the form doesn't post itself again after jquery is finished
return false;
});
});
</script>
我假设您要使用colorbox之类的模式弹出窗口
在底部定义一个div,您可以在帖子后加载html并将其隐藏:
<div style="display:hidden" id="loadhtml">
</div>