国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

修改jquery里的dialog對話框插件為框架頁(iframe) 的方法

2019-11-21 00:14:38
字體:
來源:轉載
供稿:網友
jquery有個很不錯的ui插件,dialog插件,他的官方網站上有各種形式的演示:http://jqueryui.com/demos/dialog/   ,可能大家用得比較多的還是它的默認模式,具體的用法官網上都有,也有中文的講解地址,我就不再重復了,最近在弄彈出框架頁,仔細一看,和dialog插件的modal form 模式很相似,demo演示效果:http://www.lovewebgames.com/addNews.aspx

就是這么個效果,要進行登錄注冊彈出層,至于為什么我不直接用modal form來做呢?因為我喜歡,你管我。所以我就做了個jquery下面dialog的插件,需要引用原來dialog的文件。具體代碼如下:

復制代碼 代碼如下:

(function ($) {
$.fn.openWidow = function (options) {
var divId = "dialog" + Math.round(Math.random() * 100);
var settings = {
id: divId,
width: 300,
height: 200,
modal: true,
buttons: {
},
show: "explode",
hide: "highlight",
title: "提示",
url: "/test.aspx",
close: function () {
$("#" + this.id).remove();
//debugger
if (document.getElementById(this.id))
document.body.removeChild(document.getElementById(this.id));
}
};
if (options) {
$.extend(settings, options);
}
$("body").append('<div id="' + settings.id + '" title="Dialog Title"><p class="loading"></p></div>');
// Dialog
$('#' + settings.id).dialog({
autoOpen: false,
title: settings.title,
width: settings.width,
height: settings.height,
modal: true,
bgiframe: true,
show: settings.show,
hide: settings.hide,
buttons: settings.buttons,
close: settings.close,
open: function () {
$("#" + settings.id).html('<iframe src="' + settings.url + '" frameborder="0" height="100%" width="100%" id="dialogFrame" scrolling="auto"></iframe>');
},
resizeStop: function () {
$("#dialogFrame").css("width", parseInt($(this).css("width")) - 5);
$("#dialogFrame").css("height", parseInt($(this).css("height")) - 5);
}
});

$('#' + settings.id).dialog("open");
return this;
};
})(jQuery);

我想大家應該都還看得懂的,沒啥復雜的,就是重復重復再重復的工作。甚至很多參數本身就是dialog的,我只是加了層皮。我相信這個方法是很多新手都希望用到的,畢竟不是每個人都喜歡并熟練使用ajax,所以這時候iframe的用途還是很大的。

并希望有興趣的朋友加入我的Q群:70210212、5678537,平時多勾通下,有問題不用一個人想。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 理塘县| 西城区| 肥乡县| 星子县| 正阳县| 新郑市| 益阳市| 乌审旗| 江北区| 监利县| 二连浩特市| 武汉市| 揭西县| 鹤庆县| 寻甸| 永新县| 东乡县| 辰溪县| 商河县| 南岸区| 华宁县| 宁陕县| 梅州市| 金寨县| 甘德县| 十堰市| 县级市| 西乌| 耒阳市| 新源县| 密云县| 双鸭山市| 安远县| 莆田市| 新密市| 丹寨县| 平和县| 方正县| 平陆县| 黔西| 隆化县|