怎么样可以弹出类似"确认 取消"样式的弹框,但里面内容是通过和不通过,点击后分别调用相应函数,通过调用isok函数,点不通过调用isnot函数,,求大神指点
Common.openPopUpBox("您确定要发送请求查看他人日志吗?", "是", "否", OrganizeFramework.sendInfo, null, true);
//弹出确认提示框,isClose表示点击确认后是否关闭当前弹出窗
openPopUpBox : function(msgInfo, confirmText, cancelText, confirmFun, cancelFun, isClose) {
$(".pop-up-box").css("margin-left", "20px");
$(".pop-up-box").css("left", "0px");
$(".pop-black-mask").show();
$(".pop-up-box .pop-box-content").html(msgInfo);
$(".pop-up-box .pop-box-btn .btn-confirm").html(confirmText);
$(".pop-up-box .pop-box-btn .btn-cancel").html(cancelText);
Common.popUpBoxesConfirmFun = confirmFun;
Common.popUpBoxesCancelFun = cancelFun;
Common.popUpBoxesIsClose = isClose;
$(".pop-up-box").css("margin-left", -$(".pop-up-box").width() / 2);
$(".pop-up-box").css("margin-top", -$(".pop-up-box").height() / 2);
$(".pop-up-box").css("left", "50%");
$(".pop-up-box").show();
},
//点击确认按钮
confirmAction : function() {
if (Common.popUpBoxesIsClose != false) {
$(".pop-black-mask").hide();
$(".pop-up-box").hide();
}
if (Common.popUpBoxesConfirmFun != undefined && Common.popUpBoxesConfirmFun != null) {
Common.popUpBoxesConfirmFun();
}
},
//点击取消按钮
cancelAction : function() {
$(".pop-black-mask").hide();
$(".pop-up-box").hide();
if (Common.popUpBoxesCancelFun != undefined && Common.popUpBoxesCancelFun != null) {
Common.popUpBoxesCancelFun();
}
},
自己写的代码,希望对你有用
js的confirm就可以实现这个功能了
if(confirm("确定吗?"))
{
isok();
}
else{
isnot();
}
推荐你使用layer弹出层框架,那个显示和使用效果都不错
这个要不就自己写样式,要不就用成熟的前端框架。如JQUERY UI ,EASYUI。。。。。。
Common.openPopUpBox("您确定要发送请求查看他人日志吗?", "是", "否", OrganizeFramework.sendInfo, null, true);
//弹出确认提示框,isClose表示点击确认后是否关闭当前弹出窗
openPopUpBox : function(msgInfo, confirmText, cancelText, confirmFun, cancelFun, isClose) {
$(".pop-up-box").css("margin-left", "20px");
$(".pop-up-box").css("left", "0px");
$(".pop-black-mask").show();
$(".pop-up-box .pop-box-content").html(msgInfo);
$(".pop-up-box .pop-box-btn .btn-confirm").html(confirmText);
$(".pop-up-box .pop-box-btn .btn-cancel").html(cancelText);
Common.popUpBoxesConfirmFun = confirmFun;
Common.popUpBoxesCancelFun = cancelFun;
Common.popUpBoxesIsClose = isClose;
$(".pop-up-box").css("margin-left", -$(".pop-up-box").width() / 2);
$(".pop-up-box").css("margin-top", -$(".pop-up-box").height() / 2);
$(".pop-up-box").css("left", "50%");
$(".pop-up-box").show();
},
//点击确认按钮
confirmAction : function() {
if (Common.popUpBoxesIsClose != false) {
$(".pop-black-mask").hide();
$(".pop-up-box").hide();
}
if (Common.popUpBoxesConfirmFun != undefined && Common.popUpBoxesConfirmFun != null) {
Common.popUpBoxesConfirmFun();
}
},
//点击取消按钮
cancelAction : function() {
$(".pop-black-mask").hide();
$(".pop-up-box").hide();
if (Common.popUpBoxesCancelFun != undefined && Common.popUpBoxesCancelFun != null) {
Common.popUpBoxesCancelFun();
}
},
你可以看一下这个w3school的例子
自己在jsp上写个div弹出框的样式,两个按钮一个通过一个不通过,css样式自己定好后改成display:none;触发操作使其display:block;然后在通过和不通过分别绑定点击事件,分别调用你说的两个函数不就行了。。。这个不用使用插件吧。。。