介紹一個非常好用的前端彈窗外掛:
#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程式設計(影片)
以上是實例講解php提交表單關閉layer彈跳窗iframe的詳細內容。更多資訊請關注PHP中文網其他相關文章!