设置iTop和iLeft属性,如下:
function openTempleteSelector(url,iWidth,iHeight){
var iTop = (window.screen.availHeight - 20 - iHeight) / 2;
var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
window.showModalDialog(url,window,"dialogWidth:"+iWidth+"px;dialogHeight:"+iHeight+"px;dialogTop:"+iTop+"px;dialogLeft:"+iLeft+"px;edge: Raised; center: Yes; help: No; resizable: Yes; status: No;");
onCharsChange();
}
分享到:
相关推荐
总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...
此代码计算对话框的水平和垂直居中位置,使得对话框在屏幕上居中显示。 3. **打开对话框并获取返回值**: ```javascript function turn_pyxz() { var l_Features = "dialogHeight:0px;dialogWidth:0px;"; var ...
2. **交互方式**:`ShowModalDialog` 创建的窗口是模态的,即用户必须先关闭对话框才能与主窗口交互;而 `window.open` 创建的窗口既可以是模态的也可以是非模态的,取决于具体的配置。 3. **返回值处理**:`...
- **showModalDialog**:打开的是模态对话框,即在对话框未关闭之前,用户无法与主窗口进行交互。 - **showModelessDialog**:打开的是非模态对话框,即使对话框未关闭,用户也可以继续与主窗口进行交互。 ### 使用...
在Web开发中,有时我们需要创建弹出式窗口与用户交互,这时就涉及到`showModalDialog()`和`showModelessDialog()`这两个JavaScript方法。这两个方法都是IE浏览器提供的,用于创建具有不同特性的对话框。 1. `...
【window.showModalDialog() 方法详解】 在Web开发中,JavaScript提供了两种对话框方式来与用户交互,即模态对话框和非模态对话框。本文将重点介绍模态对话框的使用方法`window.showModalDialog()`。 模态对话框是...
JavaScript 的 `showModalDialog` 方法是用来创建一个模态对话框的,这种对话框在打开时会阻止用户与页面的其他部分交互,直到该对话框被关闭。这种方法在网页开发中常用于表单填写、弹出确认窗口或者进行特定任务如...
在网页开发中,`showModalDialog` 是一个老式的JavaScript API,用于打开一个新的浏览器窗口,显示模态对话框。然而,随着Web标准的发展,使用`div`元素来模拟`showModalDialog`效果已经成为一种更现代、更灵活的...
`window.showModalDialog()` 方法用于打开一个模态对话框窗口,该窗口在打开期间会阻止用户与父窗口或其他任何窗口进行交互。此方法在Internet Explorer 4及以上版本中支持。 **基本语法:** ```javascript ...
让弹出窗口居中显示能够提供更好的用户体验,因为这使得窗口更易于被注意到且操作起来更加方便。本篇文章将深入探讨如何使用JavaScript实现弹出窗口的居中功能。 首先,我们来看一个基本的JavaScript函数`openWin(u...
下面是一个使用`window.showModalDialog()`创建模态窗口的示例: ```javascript var mxh1 = new Array("mxh", "net_lover", "E"); var mxh2 = window.open("about:blank", "window_mxh"); // 打开模态窗口 window....
- **防止超链接打开新窗口**:在被打开的网页中添加 `<base target="_self">` 即可避免在新窗口中打开链接。 - **刷新对话框内容**:由于对话框无法通过传统的F5键刷新,需要借助JavaScript实现刷新逻辑。 总结而言...
这导致在需要弹出跨域窗口时,`showModalDialog`无法正常工作。 **解决跨域iframe** 针对`showModalDialog`的跨域问题,一种常见的解决方案是使用`iframe`。`iframe`元素可以嵌入一个外部网页,而且如果目标网页...
如窗口高度、宽度、是否居中、是否隐藏、边框样式、是否显示帮助按钮、是否可调整大小、是否显示滚动条、是否显示状态栏等。 例如,`dialogWidth:300px;dialogHeight:300px`设置对话框的宽度和高度,`scroll:no`...
这两个函数允许开发者创建自定义的弹出窗口,为用户提供更丰富的交互体验。下面将详细介绍这两个方法的使用方式以及相关参数。 #### showModalDialog() `showModalDialog()` 方法用于显示一个模态对话框,即用户...
以下是一个使用 `showModalDialog` 的简单实例,展示了如何从父窗口向对话框传递数据,并从对话框向父窗口返回数据: **parent.htm** ```html var obj = new Object(); obj.name = "51js"; var str = window....
`showModalDialog` 是一个在Internet Explorer 4及以上版本中引入的方法,它会打开一个新的浏览器窗口,并且该窗口会保持输入焦点,意味着用户无法与父窗口进行交互,直到子窗口关闭。这种特性使得`showModalDialog...
- 描述:设置对话框是否居中于屏幕。 - 可选值:`"yes"`(默认),`"no"`。 - **help** - 描述:设置对话框是否显示帮助按钮。 - 可选值:`"yes"`(默认),`"no"`。 - **resizable** - 描述:设置对话框...
`showModalDialog()`函数是JavaScript的一个内建方法,它能打开一个新窗口,并且使当前窗口变为非活动状态,直到新窗口关闭。这个函数的基本语法如下: ```javascript var returnValue = window.showModalDialog...
该函数用于打开具有指定宽度和高度的窗口,并且可以调整窗口的位置,使其居中显示。 代码实现如下: ```javascript function g_OpenSizeWindow(pageURL, innerWidth, innerHeight) { var screenWidth = screen....