介绍一款非常好用的前端弹窗插件:
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的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。
本文向大家介绍layer关闭弹出窗口触发表单提交问题的处理方法,包括了layer关闭弹出窗口触发表单提交问题的处理方法的使用技巧和注意事项,需要的朋友参考一下 1、前言 表单的代码: closeCurrForm函数: 2、问题及原因和解决方法 问题:上面的代码在点关闭按钮后,会确发提交表单请求,会将表单的信息进行保存操作。但关闭按钮是不需求执行保存操作的。 原因:关闭按钮没有标识type属性,系统
本文向大家介绍使用layer弹窗提交表单时判断表单是否输入为空的例子,包括了使用layer弹窗提交表单时判断表单是否输入为空的例子的使用技巧和注意事项,需要的朋友参考一下 获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 layer.js 即可 使用时一定他要先引入jq1.8,或者以上版本!!! 下面是提交表单的实列 以上这篇使
本文向大家介绍layer 关闭指定弹出层的例子,包括了layer 关闭指定弹出层的例子的使用技巧和注意事项,需要的朋友参考一下 首先,弹出某个层时需要给层取名(赋值),如: 需要关闭指定的弹出层时,直接: 如果在弹出层中写js,将弹出层自身关闭,可以先获取到弹出层名字,再将其关闭 以上这篇layer 关闭指定弹出层的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教
本文向大家介绍使用layer弹窗和layui表单实现新增功能,包括了使用layer弹窗和layui表单实现新增功能的使用技巧和注意事项,需要的朋友参考一下 1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 c*js代码 -创建layer弹窗 -核心提交方法 d*后台代码 - 总结 以
本文向大家介绍form自动提交实例讲解,包括了form自动提交实例讲解的使用技巧和注意事项,需要的朋友参考一下 在做项目中,例如b2b的由商城跳往卖家中心的后台,当他既有会员账号又是卖家的时候,让他登录了商城,就不需要卖家登录的时候,处理过程中可以用到form表单自动登录。 实现简单思路:可以再普通会员登录的地方,登录成功可以将登录名和密码,用户id存起来,为了安全可以aes加密(前面一篇文章有详
本文向大家介绍php和nginx交互实例讲解,包括了php和nginx交互实例讲解的使用技巧和注意事项,需要的朋友参考一下 Nginx与PHP交互过程的7步走(用户对动态PHP网页访问过程) step1:用户将http请求发送给nginx服务器(用户和nginx服务器进行三次握手进行TCP连接)。 step2:nginx会根据用户访问的URL和后缀对请求进行判断。 step3:通过第二步可以看出,