代替模态窗口～～

最新推荐文章于 2020-10-30 19:52:34 发布

sl521100

最新推荐文章于 2020-10-30 19:52:34 发布

阅读量633

点赞数

文章标签： function

模式窗口太过于局限性，所以我研究了一个完全可以用window.open()代替window.showModalDialog()的方法，其资料贴在了下面：

有两个页面，一个是调用页面---main.html，一个是被调用页面---modalWindow.html

main.html

--------------------------------------------------------------------------------------------------------------------------------------------

click here

window.οnfοcus=function (){

if(newWin){
  if(!newWin.closed)
   newWin.focus();

}

};

window.document.οnfοcus=function (){

if(newWin){
if(!newWin.closed)
newWin.focus();

}

};

window.document.οnclick=function (){

if(newWin){
if(!newWin.closed)
newWin.focus();

}

};

window.document.οndblclick=function (){

if(newWin){
if(!newWin.closed)
newWin.focus();

}

};

</script>

----------------------------------------------------------------------------------------------------------------------------------

modalWindow.html

------------------------------------------------------------------------------------------------------------------------------------

sub window!!!!

在这个页面modalWindow.html中的方法可以调用父窗口的方法

其用法是 opener.functionName(param);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sl521100

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Qt 之模态、非模态、半模态窗口的介绍及实现QDialog的exec()方法

前行之路还需前行

12-15

3万+

一、简述先简单介绍一下模态与非模态对话框。模态对话框简单一点讲就是在弹出模态对话框时，除了该对话框整个应用程序窗口都无法接受用户响应，处于等待状态，直到模态对话框被关闭。这时一般需要点击对话框中的确定或者取消等按钮关闭该对话框，程序得到对话框的返回值（即点击了确定还是取消），并根据返回值进行相应的操作，之后将操作权返回给用户。这个时候用户可以点击或者拖动程序其他窗口。说白了就相当于

模态窗口详解及各浏览器适配经验分享

心中的亚雷泽的博客

08-28

2065

模态窗口详解及各浏览器适配经验分享

参与评论您还未登录，请先登录后发表或查看评论

用div替代模态窗口

weixin_30527423的博客

12-06

101

一直用惯了弹出modal窗口,总觉得用url传值和关闭窗口后刷新父窗体都用的很别扭.今天项目中恰好又出现了以前类似的情况,想图个新鲜使用下弹出层来作,这样对于页面的控制逻辑也清晰了很多. 网上搜索了一篇文章,代码和注释都还不错,虽然没具体使用,不过先copy下来,等着测试咯. 作者是园子里面的 jecray兄弟拒绝session丢失利用DIV层实现对模态...

利用悬浮可拖动的遮罩层代替模态对话窗体

邹玉杰（邹琼俊）的专栏

11-28

2632

在项目开发中，我们一定经常遇到这样的情况。我们需要通过点击界面的某一个按钮，然后打开一个新的模态窗体的操作，然后如果使用js中的open或者openDialog会有如下问题：1、在IE浏览器中，高版本IE调用open()打开的窗体在浏览器中无法居中显示。 2、在FF等浏览器的高版本中openDialog()，无法实现模态效果。那么我们可以通过使用第三方的js库(jquery)来实现悬浮可拖动

15款最好的 jQuery Modal（模态窗口）插件

朝圣的魔鬼

04-03

1929

http://www.cnblogs.com/lhb25/p/15-jquery-modal-plugins.html

Chrome37+代替window.showModalDialog模态窗口方法

小丰同学

10-09

3880

原理是利用html5中的window.open()和window.postMessage() window.postMessage详情请查看：https://developer.mozilla.org/zh-CN/docs/Web/API/Window.postMessage 首先是自己写的dialog.js

IE浏览器showModelDialog()模态窗口常规操作

代码艺术

01-27

3007

一般业务功能当业务需要在模态窗口上执行一些操作，如一般的增删改查，当用到分页控件的时候，如page-tiglib时在标签里加了，在执行分页操作时都不会出现内容在新的窗口打开的情况，但当我们用来做查询的时候，或是想根据需要想要更新当前页面的URL地址并刷新的时候，这个时候就会就会出现我们更新后的内容在新的窗口或页面打开，这个问题在我做开发的时候困扰了很久，总是在想为何老是

django-admin-interface：django的默认管理界面可自定义。弹出窗口被模态代替

02-05

使用JQuery制作浮动窗口

lr_lr_lr的博客

09-29

1791

body ,div,img{ margin:0px; padding:0px; } #div2{ background-color:#D8D8D8; } $(document).ready(function(){ $("#windowMove").click(function(){ startMove(); }); }); /

使用Jquery仿模态对话框插件Remodal实现弹出响应窗口

tanglili08的博客

06-27

2476

remodal是一个轻量级、扁平化、响应式模态窗口，可以监测浏览器的大小自适应的的窗口。使用声明式状态符号和哈希（Hash）跟踪。所有现代的浏览器都支持。首先它是一个插件。下载之后解压，dist中放了你要使用的css和js，examples存放了demo,可以直接贴过来用,简单方便。使用方法在HTML文件的head中包含dist文件夹中的CSS文件和JS文件：

window.showModalDialog() 过时替代方案

大话家的博客

10-30

9143

一、window.showModalDialog 方法说明 window.showModalDialog( ) 方法的作用是创建和展示一个指向特定网页的模态对话框。该方法已经过时，特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。此方法已在Chrome 43和Firefox 56中删除，当前仅IE浏览器支持该特性。如果正在开发的功能，需要使用到JS的对话框，应该使用window.open( ) 方法。如果是对老项目进行维护，

真正的用window.open()代替window.showModalDialog()

选择最好的最喜欢的......

09-15

1605

模式窗口太过于局限性，所以我研究了一个完全可以用window.open()代替window.showModalDialog()的方法，其资料贴在了下面：有两个页面，一个是调用页面---main.html，一个是被调用页面---modalWindow.html main.html ---------------------------------------------------------...

antd-modal 替代品可拖动弹窗组件

BearMX的专栏

09-07

9659

1、ModalWin.js import React from 'react'; import {Button, Icon} from 'antd'; import PropTypes from 'prop-types'; import styles from './styles.less'; class ModalWin extends React.Component { ...

showModalDialog兼容版

小码农的博客

04-21

1191

项目中使用showModalDialog 时发现谷歌浏览器并不支持该方法。下面给出我的解决方案首先获取对应的浏览器信息如果是谷歌的话使用open方法调用自页面如果不是使用showModalDialog 即可完美解决该问题父页面代码: function openWin(){ if(window.ActiveXObject){ w

代替showmodal其他两种方法

yanleigis的专栏

06-03

1491

procedure TForm1.Button1Click(Sender: TObject);beginenablewindow(handle,false);//窗口一不可用form2.show;end;procedure TForm2.FormClose(Sender: TObject; var Action: TCloseAction);beginenablewindow(form1.ha

vc 创建非模态对话框示例

最新发布

09-13

在Visual C++中创建非模态对话框，首先需要在资源编辑器中创建一个新的对话框资源。然后，需要编写代码来加载并显示这个对话框，但不阻止父窗口的操作。以下是一个简单的示例代码，演示如何实现非模态对话框： 1. 打开VC++项目资源编辑器，添加一个新的对话框资源。 2. 设计对话框，添加所需的控件，如按钮、编辑框等。 3. 为对话框添加一个类，比如命名为`CMyDialog`，并为每个控件添加控件变量和消息处理函数。 ```cpp // MyDialog.h class CMyDialog : public CDialog { // ... 其他代码 ... // 控件变量声明 CButton m_button1; CEdit m_edit1; // 对话框消息处理函数声明 afx_msg void OnBnClickedButton1(); // 假设有一个按钮用来关闭对话框 DECLARE_MESSAGE_MAP() }; // MyDialog.cpp BEGIN_MESSAGE_MAP(CMyDialog, CDialog) // ... 其他消息映射 ... ON_BN_CLICKED(IDC_MYBUTTON, &CMyDialog::OnBnClickedButton1) // 假设按钮的ID是IDC_MYBUTTON END_MESSAGE_MAP() void CMyDialog::OnBnClickedButton1() { // 当按钮被点击时，关闭对话框 DestroyWindow(); } // 在某个父窗口类中，添加代码创建并显示非模态对话框 void CParentWindow::ShowMyDialog() { CMyDialog dlg; dlg.DoModal(); // 对于非模态对话框，我们不调用DoModal()，而是直接创建并显示 // 注意：此处使用Create代替DoModal，并传入父窗口的指针 dlg.Create(CMyDialog::IDD, this); // IDD是对话框资源的ID dlg.ShowWindow(SW_SHOW); // 显示对话框 } ``` 4. 在父窗口类中，实现一个函数来创建并显示非模态对话框。注意，不要使用`DoModal()`方法，因为这会导致模态行为。使用`Create`和`ShowWindow`方法来创建和显示对话框。需要注意的是，非模态对话框允许用户同时与多个窗口交互，而不会阻塞父窗口或其他窗口。父窗口在创建非模态对话框后，通常会继续执行后续的代码。