`

浏览器窗口大小发生变化时,让弹出的窗体自动居中

阅读更多

//浏览器窗口大小发生变化时,让弹出的窗体自动居中
Ext.EventManager.onWindowResize (function(){
    if(addServerInfoWindow){
         addServerInfoWindow.setHeight(document.body.clientHeight/1.5);
        addServerInfoWindow.setWidth(document.body.clientWidth/3);
        addServerInfoWindow.center();
    }
   
    if(updateServerInfoWindow){
         updateServerInfoWindow.setHeight(document.body.clientHeight/1.5);
        updateServerInfoWindow.setWidth(document.body.clientWidth/3);
        updateServerInfoWindow.center();
    }
});

分享到:
评论

相关推荐

    带有弹出层的模拟窗口(窗体)Div实现 源码

    3. **JavaScript交互**:为了让窗口具有弹出和关闭功能,我们需要编写一些JavaScript代码。这里,我们可以监听文档的点击事件,当点击除弹出层外的任何地方时,窗口会自动关闭。同时,提供一个`closeWindow`函数来...

    jquery实现居中可拖拽窗体

    这个功能在许多Web应用中都很常见,如弹出对话框、设置面板等。"move"这个文件可能是实现拖动功能的关键部分,可能包含了上述JavaScript代码或其他与拖动逻辑相关的代码片段。 通过学习这个主题,你不仅能掌握创建...

    javascript用DIV模拟弹出窗口_窗体滚动跟随

    ### JavaScript 使用 DIV 模拟弹出窗口与窗体滚动跟随技术解析 #### 一、概述 在网页设计中,为了实现更加丰富的交互效果,开发者常常需要实现一些特殊的功能,比如弹出窗口。传统的弹出窗口可能通过浏览器自身的 ...

    基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

    原理很简单: 获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度...

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

    学习从实践开始之jQuery插件开发 对话框插件开发

    - 默认的`window.open`, `window.showModalDialog`, `window.showModelessDialog`方法弹出的窗体在不同浏览器中可能显示不一致。 ### 知识点二:自定义对话框插件的设计目标 - 插件旨在所有浏览器中显示一致的样式...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...

    程序天下:JavaScript实例自学手册

    4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    Opera同样不支持此方法,可能导致没有对话框弹出或任何反应。 由于这种不一致性,开发人员通常需要寻找替代方案,例如使用CSS和JavaScript模拟模态对话框,以确保跨浏览器的兼容性和一致的用户体验。例如,可以使用...

    javascript 实现子父窗体互相传值的简单实例

    在实际应用中,这种子父窗体之间的通信机制非常有用,例如在弹出窗口中进行表单填写后,可以将表单数据传递回主窗口进行处理。同时,也可以用于传递初始化数据,使子窗口可以根据父窗口的状态进行定制化展示。 总结...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    模态对话框是一种特殊的弹出窗口,它强制用户在处理当前对话框之前不能与页面上的其他元素交互。这意味着用户必须关闭对话框才能继续在主窗口中操作。 `window.showModalDialog()`的基本使用方法如下: ```...

    《JavaScript实例精通》[源代码]

    示例描述:窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6....

    JavaScript实例精通

    示例描述:窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6....

Global site tag (gtag.js) - Google Analytics