概述
介绍一款非常好用的前端弹窗插件:
layer 官网地址:http://layer.layui.com/
根据官方的API:layer的iframe弹窗
//iframe层-父子操作
layer.open({
type: 2,
area: ['700px', '530px'],
fix: false, //不固定
maxmin: true,
content: 'test/iframe.html'
});
登录后复制
这里以php开发为例 演示如何 提交表单后自动关闭layer弹窗
(1)弹出layer编辑框 :
function edit(id){
if(id==null||id==''||id=='undefined'){
alert('操作编号为空,请联系管理员');
}
layer.open({
type: 2,
area: ['700px', '530px'],
fix: false, //不固定
maxmin: true,
content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id
});
}
登录后复制
(2)编辑页面主要代码
<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button" >
登录后复制
(3)php后台保存数据并指向一个关闭layer窗口的方法
public function edit_config_paiqi(){
$id = trim($_REQUEST['id']);
$paiqi_db = pc_base::load_model('paiqi_config_model');
if($_REQUEST['dosubmit']){
$insertinfo = array();
$insertinfo['catid'] = trim($_POST['catid']);
$insertinfo['meitiid'] = trim($_POST['meitiid']);
$insertinfo['title'] = trim($_POST['title']);
$insertinfo['meitizhuname'] = trim($_POST['meitizhuname']);
$insertinfo['meitizhuid'] = trim($_POST['meitizhuid']);
$insertinfo['createtime'] = SYS_TIME;
$insertinfo['saturation'] = trim($_POST['saturation']);
$datas = $paiqi_db->update($insertinfo,array("id"=>$id));
if($datas){
<span style="color:#ff0000;">showmessage(L('operation_success'),'?m=content&c=meiti&a=closewindow');//保存成功指向关闭窗口方法</span>
}
}else{
$datas = $paiqi_db->select(array("id"=>$id));
$template = "edit_config_paiqi";
include $this->admin_tpl($template);
}
}
登录后复制
/**
* 关闭layer层
*/
public function closewindow(){
$template = "close_layer";
include $this->admin_tpl($template);
}
登录后复制
(4)关闭窗口并刷新父窗口页面的关键代码
$(function(){
parent.location.reload();//刷新父窗口
parent.layer.closeAll();//关闭所有layer窗口
});
登录后复制
注意:该页面需要加载layer需要的js库才能使用layer方法
以上就是实例讲解php提交表单关闭layer弹窗iframe的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是苗条小虾米为你收集整理的实例讲解php提交表单关闭layer弹窗iframe的全部内容,希望文章能够帮你解决实例讲解php提交表单关闭layer弹窗iframe所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复