今天测试群发电话本功能,用到模态对话框(就是弹出ie对话框后,必须关闭对话框才能操作浏览器其它页面)。贴出一些值得注意的地方,以后方便查阅。
首先贴一个window.showModalDialog使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 距离桌面左的距离。
dialogTop: 离桌面上的距离。
center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取,例如:
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();
下面是我的例子:
启动showModalDialog流程:父frameset-->子frameset(右边框)
父frameset的右边框调用子frameset代码如下:
//'phoneFrame.jsp'是子frameset
window.showModalDialog('phoneFrame.jsp',self,'dialogWidth:640px;dialogHeight:480px;center:yes;help:no;resizable:yes;status:noscroll:no');
要返回值到调用父frameset的框里面。代码如下:
/*parent是返回到整个子frameset;
dialogArguments是window.showModalDialog句柄,这样就得到父frameset框架里面的调用showModalDialog的页面句柄。我这里开始调用showModalDialog的为父frameset框架的右边框架。
*/
parent.dialogArguments.document.getElementById("mobileText").value=**;
(注意:window.showModalDialog('url',self,,),第二个参数必须为self;一般调用为window.dialogArguments)
分享到:
相关推荐
在Vue.js框架中,Element UI库提供了一套丰富的UI组件,其中包括模态框(Modal)和表格(Table),这些组件可以方便地构建出各种交互式的用户界面。在本例中,我们将探讨如何利用Vue和Element UI来实现一个模态框内...
模态框(Modal Dialog)和非模态框(Modeless Dialog)是两种不同的对话框类型,它们在用户界面设计中扮演着重要角色。本程序示例展示了如何在MFC中使用Tab Control结合模态框和非模态框,以及如何在不同类之间传递...
全局模态框是一种在软件开发中常见的用户交互方式,它是一种可以覆盖整个应用程序界面的对话框,用户必须处理完模态框中的事务才能继续与应用程序的其他部分进行交互。在MFC(Microsoft Foundation Classes)框架中...
在HTML中,我们可以使用`<div>`元素创建一个模态框,并通过CSS进行样式设计,使其看起来像一个独立的窗口。 接下来,我们来看JQuery如何协助实现这一功能: 1. **DOM操作**:JQuery简化了对DOM(文档对象模型)的...
在网页设计和开发中,弹出框和模态框是常用的交互元素,它们可以用于显示警告、确认信息、用户输入或者其他重要提示。ArtDialog是一款强大的JavaScript弹出框、模态框插件,版本5.0.4为其提供了一系列高级功能,帮助...
这个项目是基于SSM实现的增删改功能,融入了前端Bootstrap的模态框、分页插件PageHelper以及Ajax技术,还包含了数据库SQL文件。以下是这些关键点的详细解释: 1. **Maven**:Maven是一个项目管理和综合工具,它帮助...
在Android应用开发中,对话框(Dialog)是与用户交互的重要元素,分为模态和非模态两种类型。本文将详细介绍这两种对话框的实现,并结合源码和工具进行讲解。 模态对话框(Modal Dialog)是一种阻塞用户界面直至...
这里,`$("#myModal").modal("hide")`是通过调用模态框对象的`hide`方法来关闭模态框。这种方法更加灵活,可以在关闭前执行其他操作,如验证表单或发送异步请求。 在实际项目中,可能需要根据业务逻辑决定是否关闭...
- 常见的实现方式是通过HTML的`<div>`元素配合CSS来构建模态框,然后使用JavaScript或jQuery控制其显示和隐藏。 - 另一种方法是利用Bootstrap等前端框架提供的现成模态组件,它们提供了更丰富的功能和样式。 2. *...
1. **创建PopupWindow实例**:首先,你需要创建一个PopupWindow对象,传入一个View,它的大小将决定PopupWindow的尺寸。 ```java LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_...
使用场景及目标:适用于需要进行多模态视觉对象追踪的应用场景,如安防监控、自动驾驶等。目标是提高追踪系统在复杂和极端环境中的性能。 阅读建议:阅读本文时,重点关注对称多模态适配器的设计思路以及补丁蒸馏...
4. DOM操作:在实现模态框时,需要使用JavaScript来操作DOM(文档对象模型),动态修改元素的属性、样式和内容,以便在用户触发某些事件(如点击按钮)时显示或隐藏模态框。 5. 事件监听与处理:JavaScript的事件...
在这个例子中,我们传入了visible和options,其中isModalVisible用于控制模态框的显示状态,modalOptions是一个对象,包含了模态框的标题和按钮配置。我们还可以通过插槽来自定义模态框的头部、内容和尾部内容。 ...
在模态框中执行操作后,子页面可以再次通过`window.parent`对象调用父页面的方法,如示例中的`Conframe.window.callPostEditor();`。这里`Conframe`是iFrame标签的name属性值。 需要注意的是,使用`window.parent`...
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 为了实现父窗体与其的交互,通常需要向其传值,实现带...
为了避免这种情况,非模态对话框对象应作为类成员变量或在堆上分配内存。对于后者,记得在适当时候释放内存,防止内存泄漏。例如,可以通过在类的析构函数中删除对话框对象,或者重载`PostNcDestroy`函数来实现内存...
本文以深圳一幢超限高层钢筋混凝土框支剪力墙结构为研究对象,结合MATLAB软件与振动台试验数据,应用STD(Stochastic Subspace Identification)法进行模态参数识别。该方法是一种在时域内进行参数识别的技术,其...
非模态对话框则通常需要保持一个对话框对象的指针,以便在需要时显示或更新其内容。 通过理解并掌握上述知识,你就能在ARX2008+VS2005环境中灵活地使用模态和非模态对话框,为CAD应用程序增加丰富的用户交互和控制...
Tmsgbox是一款专为前端开发者设计的、基于Bootstrap框架的消息提示框组件,它提供了一种高效、便捷的方式来实现模态框(Modal)功能,旨在简化网页中的通知、提示以及对话框的创建过程。通过Tmsgbox,开发者可以快速...
本教程聚焦于一个特定的话题:非模态主、从对话框之间的数据传输。非模态对话框允许用户在对话框打开时继续与应用程序的其他部分进行交互,这在很多情况下是必要的,例如设置窗口或配置界面。 非模态对话框的数据...