php 提交表單 關(guān)閉layer彈窗iframe的實(shí)例講解
介紹一款非常好用的前端彈窗插件:
layer 官網(wǎng)地址:http://layer.layui.com/
根據(jù)官方的API:layer的iframe彈窗
//iframe層-父子操作 layer.open({ type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: 'test/iframe.html' });
這里以php開(kāi)發(fā)為例 演示如何 提交表單后自動(dòng)關(guān)閉layer彈窗
(1)彈出layer編輯框 :
function edit(id){ if(id==null||id==''||id=='undefined'){ alert('操作編號(hào)為空,請(qǐng)聯(lián)系管理員'); } layer.open({ type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id }); }
(2)編輯頁(yè)面主要代碼
<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button" >
(3)php后臺(tái)保存數(shù)據(jù)并指向一個(gè)關(guān)閉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');//保存成功指向關(guān)閉窗口方法</span> } }else{ $datas = $paiqi_db->select(array("id"=>$id)); $template = "edit_config_paiqi"; include $this->admin_tpl($template); } }
/** * 關(guān)閉layer層 */ public function closewindow(){ $template = "close_layer"; include $this->admin_tpl($template); }
(4)關(guān)閉窗口并刷新父窗口頁(yè)面的關(guān)鍵代碼
$(function(){ parent.location.reload();//刷新父窗口 parent.layer.closeAll();//關(guān)閉所有l(wèi)ayer窗口 });
注意:該頁(yè)面需要加載layer需要的js庫(kù)才能使用layer方法
以上這篇php 提交表單 關(guān)閉layer彈窗iframe的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- php如何把表單內(nèi)容提交到數(shù)據(jù)庫(kù)
- PHP使用HTML5 FormData對(duì)象提交表單操作示例
- 微信小程序?qū)W習(xí)筆記之表單提交與PHP后臺(tái)數(shù)據(jù)交互處理圖文詳解
- php防止表單重復(fù)提交實(shí)例講解
- PHP如何通過(guò)表單直接提交大文件詳解
- php實(shí)現(xiàn)表單提交上傳文件功能
- PHP實(shí)現(xiàn)防止表單重復(fù)提交功能【基于token驗(yàn)證】
- 解決php 處理 form 表單提交多個(gè) name 屬性值相同的 input 標(biāo)簽問(wèn)題
- PHP如何防止用戶重復(fù)提交表單
相關(guān)文章
thinkphp跨庫(kù)操作的簡(jiǎn)單代碼實(shí)例
下面小編就為大家?guī)?lái)一篇thinkphp跨庫(kù)操作的簡(jiǎn)單代碼實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09PHP中使用register_shutdown_function函數(shù)截獲fatal error示例
這篇文章主要介紹了PHP中使用register_shutdown_function函數(shù)截獲fatal error示例,需要的朋友可以參考下2015-04-04Yii2使用小技巧之通過(guò) Composer 添加 FontAwesome 字體資源
前天幫同事改個(gè)十年前的網(wǎng)站 bug,頁(yè)面上一堆 include require 不禁讓人抱頭痛哭??吹?V2EX 上的討論說(shuō),寫(xiě) PHP 不用框架等同于耍流氓。Yii Framework 是我使用了 2 年多的 PHP 框架,器大活好,皮實(shí)耐操。 Yii2 還在 Beta 中,不過(guò)不影響拿來(lái)預(yù)研。2014-06-06thinkphp ajaxfileupload實(shí)現(xiàn)異步上傳圖片的示例
本篇文章主要介紹了thinkphp ajaxfileupload實(shí)現(xiàn)異步上傳圖片的示例,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08Laravel 4 初級(jí)教程之Pages、表單驗(yàn)證
本篇教程是本系列的完結(jié)篇,要做的是Pages的詳細(xì)管理功能,表單驗(yàn)證以及命名空間的深度使用,和一個(gè)更好用的通知組件,并且布置一個(gè)簡(jiǎn)單的大作業(yè)。2014-10-10