<script>
var ye_dialog = {
counter: 0,
init: function(isladding/*锁定窗口时不显示loading图片,如参数为ture*/){
$("select").css教程("visibility", "hidden");
if(isladding){
var a = '<div id="ye_dialog_overlay"></div><div id="ye_dialog_window"><a id="ye_dialog_close" href="#" title="u5173u95ed"></a><div id="ye_dialog_title">u8bf7u7a0du5019...</div><div id="ye_dialog_body"></div></div>';
}else{//默认锁定窗口时显示loading图片
var a = '<div id="ye_dialog_overlay"></div><div id="ye_dialog_loading"></div><div id="ye_dialog_window"><a id="ye_dialog_close" href="#" title="u5173u95ed"></a><div id="ye_dialog_title">u8bf7u7a0du5019...</div><div id="ye_dialog_body"></div></div>';
}
$("body").append(a);
var b = this.closefun ? this.closefun : function(){
};
$("#ye_dialog_close").click(function(){
b();
ye_dialog.close();
return false
});
$("#ye_dialog_overlay").show();
$("#ye_dialog_loading").show();
this.position();
return this
},
openhtml: function(b, e, a, d, c, f){
/*
(
b:html,
e:title,
a:width,
d:height,
c:callback,
f:closefun
)
*/
if (f && $.isfunction(f.closefun)) {
this.closefun = f.closefun
}
this.init();
if (b != undefined) {
if (typeof b=='object'){
$("#ye_dialog_body").append(b.children());
this.close_fun2 = function () {
b.append( $("#ye_dialog_body").children() ); // move elements back when you're finished
};
}else {
$("#ye_dialog_body").html(b)
}
}
this.title(e == undefined ? "u540cu5b66" : e);
this.resize(a ? a : 300, d ? d : 150);
$("#ye_dialog_loading").remove();
$("#ye_dialog_window").show();
if ($.isfunction(c)) {
c()
}
return this
},
openurl: function(c, a, e, g, scrolling){
/*
(
c:url,
a:width,
e:height,
g:title,
f:scroll
)
*/
this.init();
var b = a != undefined ? a : 300;
var f = e != undefined ? e : 150;
var s = scrolling != undefined ? scrolling : 'no';
var d = (new date).gettime();
if (c.indexof("?") == -1) {
c = c + "?_t=" + d
}
else {
c = c + "&_t=" + d
}
this.title(g == undefined ? "u540cu5b66" : g);
$("#ye_dialog_body").html('<iframe id="ye_dialog_iframe" scrolling="'+s+'" frameborder="0"></iframe>');
$("#ye_dialog_iframe").attr("src", c);
this.resize(b, f);
$("#ye_dialog_loading").remove();
$("#ye_dialog_window").show()
},
close: function(){
if (typeof this.close_fun2=='function'){
this.close_fun2();
}
$("#ye_dialog_window").remove();
$("#ye_dialog_overlay").remove();
$("select").css("visibility", "visible");
return this
},
resize: function(a, c){//(a:width---int, b:height----int)
var d = a ? a : 300;
var b = c ? c : 150;
$("#ye_dialog_window").css({
width: d + "px",
height: b + "px"
});
$("#ye_dialog_body").css("height", "99%").css("height", c - 28 + "px");
this.position();
return this
},
position: function(){
var b = $("#ye_dialog_window").width();
var a = $("#ye_dialog_window").height();
$("#ye_dialog_window").css({
marginleft: "-" + parseint(b / 2) + "px"
});
if (!($.browser.msie && $.browser.version < 7)) {
$("#ye_dialog_window").css({
margintop: "-" + parseint(a / 2) + "px"
})
}
return this
},
title: function(a){
if (a != undefined) {
$("#ye_dialog_title").text(a);
return this
}
else {
return $("#ye_dialog_title").text()
}}
};
// ico 1正确,2错误,3提示,4警告,5疑问
var ye_msg = {
counter: 0,
open: function(e, d, c, b){//(e:html,d:timer,c:type(int),b:callback)
this.counter++;
var a = '<div id="ye_msg_' + this.counter + '" class="ye_msg_window"><div class="ye_msg_wrap">' + e + "</div></div>";
$("body").append(a);
$("#ye_msg_" + this.counter + " > .ye_msg_wrap").addclass("ye_msg_ico_" + c);
this.position(this.counter);
if (typeof b == "function") {
b()
}
if (d != undefined && d != 0) {
$("#ye_msg_" + this.counter + " > .ye_msg_wrap").append('<div class="ye_msg_autoclose">(' + d + "u79d2u540eu8fd4u56de)</div>");
settimeout('$("#ye_msg_' + this.counter + '").remove()', d * 1000)
}
},
position: function(c){//(c:this.counter)
var b = $("#ye_msg_" + c).width();
var a = $("#ye_msg_" + c).height();
$("#ye_msg_" + c).css({
marginleft: "-" + parseint(b / 2) + "px"
})
}
};
</script>
jquery dialog 实例
时间: 2024-11-05 14:54:11
jquery dialog 实例的相关文章
jQuery Dialog对话框事件用法实例分析_jquery
本文实例讲述了jQuery Dialog对话框事件用法.分享给大家供大家参考,具体如下: Dialog对话框事件 对话框应用场景 对话框是最常用.最实用的功能. 1) 静态提示类对话框,对话框的内容是固定的 2) 动态提示类对话框,对话框内容是根据事件源变化的 3) 遮罩类对话框,对话框弹出时背景变灰并且不可选 使用jQuery UI的Dialog 组件可以轻松实现上面三种效果 Dialog组件的主要特点是可以拖动(Draggable),可以改变大小(Resizable). Dialog对话框的
Android 自定义Dialog 实例_Android
开发中经常需要请求网络获取数据,我们在请求网络到得到数据时当中需要等待一些时间,为了增加用户体验,我们一般会用一个Dialog来提示用户我们在加载网络数据. 今天我们来实现如下效果的加载中Dialog. 从图中我们可以看到要这个Dialog是图片还有文字组成的,(不过我这里使用代码实现的,没有用图片),以下是这个加载图形的代码: public class LVCircularRing extends View { private float mWidth = 0f; private floa
jQuery Ajax 实例(一)
jQuery Ajax实例 在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetup等等 一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.aja
MVC3+EF5.0 code first+Flexigrid+ajax请求+jquery dialog 增删改查
本文的目的: 1.MVC3项目简单配置EF code first生成并初始化数据库. 2.利用 flexigrid展示并使用ajax展示数据,支持显示列增减,显示列排序,显示列模糊查询,熟悉表格控件 的使用. 3.利用jquery ajax请求实现增删查改 4.利用jquery dialog弹出层实现添 加,修改. 5.扩展方法及表达式树构建lambda表达式 项目截图说明
jquery dialog open后,服务器端控件失效的快速解决方法
本篇文章是对jquery dialog open后,服务器端控件失效的快速解决方法.进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jquery dialog为我们提供了非常漂亮实用的对话框,比单调的alert.confirm.prompt好用很多. 在使用jquery与.net共同开发时,直接调用jquery dialog的open后,服务器端控件全部失效了,不能执行相应的后台代码.只是源于jquery默认把dialog添加到body中,而不是原来所在的服务器端的f
jQuery Ajax 实例全解析_jquery
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (Map) : (可选参数) 发送至服务器的 key/value 数据. callback (
jquery dialog iframe在IE11.0.31中不能正常加载的现象,请分析一下原因
问题描述 jquery dialog iframe在IE11.0.31中不能正常加载的现象,请分析一下原因 代码如下 <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.0 Transitional//EN""><!-- saved from url=(0171)http://localhost:8080/portal/dynaform/document/view.action --><html>
jquery ajax实例教程与详细说明(1/2)
说明 $.ajax({ type: "post", url: "handler1.ashx", data: { username: "admin", password: "123" }, success: successhandle }); function successhandle(rep) { $("#msg").html(rep); } 详细讲一下关于jquery ajax实例 实例 通过 ajax
jQuery Dialog 取消右上角删除按钮事件_jquery
废话不多说了,直接给大家贴jquery dialog取消右上角删除按钮的代码了. 具体代码如下所示: $("#div1").dialog({ closeOnEscape:false, open:function(event,ui){$(".ui-dialog-titlebar-close").hide();} }); 以上所述是小编给大家介绍的jquery dialog 取消右上角删除按钮事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.