jquery dialog 实例

<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>

时间: 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 取消右上角删除按钮事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.