对话框

最新推荐文章于 2024-07-19 15:13:24 发布

坎坷家族

最新推荐文章于 2024-07-19 15:13:24 发布

阅读量477

点赞数

分类专栏： javascript 文章标签： javascript datagrid 文档 scroll object url

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这个简单，模式对话框啊！
<script language="javascript" type="text/javascript">
function showModal(width,height)
{
window.showModalDialog('http://www.baidu.com','window',"dialogLeft:"+(screen.availWidth-width)/2+";dialogTop:"+(screen.availHeight-height)/2+";dialogHeight: "+height+"px; dialogWidth: "+width+"px;center: yes; help: no;resizable: no; status: no;");
</script>
}

参数说明：

sURL                --   必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments   --    可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures       --    可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。

----------------
1.   dialogHeight:   对话框高度，不小于100px
2.   dialogWidth:   对话框宽度。
3.   dialogLeft:    离屏幕左的距离。
4.   dialogTop:    离屏幕上的距离。
5.   center: { yes | no | 1 | 0 } ：是否居中，默认yes，但仍可以指定高度和宽度。
6.   help: {yes | no | 1 | 0 }：      是否显示帮助按钮，默认yes。
7.   resizable: {yes | no | 1 | 0 } [IE5+]：    是否可被改变大小。默认no。
8.   status:{yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.   scroll:{ yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。

下面几个属性是用在HTA中的，在一般的网页中一般不使用。

10.   dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.   edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.   unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

参数传递：

1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：

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

parent.htm

-------------------------------
2.   可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>
         str =window.showModalDialog("modal.htm","shore","dialogWidth=200px;dialogHeight=100px");
         alert(str);
</script>
modal.htm
<script>
         window.returnValue=http://www.baidu.com;
</script>

=============================================================================================================================

<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>http://www.pconline.com.cn</b>
</body>
</html>

showModalDialog()或是showModelessDialog() 来调用网页对话框，至于showModalDialog()与showModelessDialog()的区别，在于showModalDialog()打开的窗口（简称模式窗口），置在父窗口上，必须关闭才能访问父窗口(建议尽量少用，以免招人反感)；showModelessDialog()（简称无模式窗口），打开后不必关闭也可访问父窗口打开的窗口。

dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。　　
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中，默认值是“yes”。
help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。　　
resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口，默认值是“yes”；对于模式对话框窗口，默认值是 “no”。
///

checkbox列选中行的dataGrid某列字段的值：
for(int i=0;i<datagrid.Items.Count;i++)
{
CheckBox tmp = (CheckBox)datagrid.Items[i].FindControl("CheckBox1");
if(tmp.Checked)
{
string tmpstr = datagrid.Items[i].Cells[?].Text;
......
}
}
//返回值
*******子页面****
this.Butok.Attributes["onclick"]="window.returnValue=document.all['"+this.DropDownList1.ClientID+"'].value;window.close();";
*******父页面******
οnclick="var ReturnV=showModalDialog('listchosetype.aspx','','dialogWidth:370px;dialogHeight:100px;dialogLeft:350px;dialogTop:280px;center:yes;help:no;resizable:no;status:no');document.all['ReturnV'].value=ReturnV;"

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/zcrong/archive/2005/01/10/247414.aspx
======================================================================================================================================================
windos.open(url,'','height=12;left=22')
height
　　设定窗口显示区域的像素宽度
　　left
　　浏览器窗口距离屏幕左边的距离
　　location
　　指明地址栏在新窗口中是否可见
　　menubar
　　指明菜单栏在新窗口中是否可见
　　resizable
　　指明新窗口是否可以调整大小
　　scrollbars
　　指明滚动栏在新窗口中是否可见
　　status
　　指明状态栏在新窗口中是否可见
　　toolbar
　　指明工具栏在新窗口中是否可见
　　top
　　设定新窗口距屏幕上方的距离
　　width
　　设定窗口显示区域的像素宽度
　　alwaysLowered
　　指定窗口隐藏在所有窗口之下
　　alwaysRaised
　　指定窗口浮在所有窗口之上
　　dependent
　　指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭
　　directions
　　指定Navigator 2和3的目录栏是否在新窗口中可见
　　hotkeys
　　在没有菜单栏的新窗口设置安全退出热键
　　innerHeight
　　设置新窗口中文档的像素高度
　　innerWidth
　　设置新窗口中文档的像素宽度
　　menubar
　　指明菜单栏在新窗口中是否可见
　　outerHeight
　　设定窗口（包括装饰边框）的像素高度
　　outerWidth
　　设定窗口（包括装饰边框）的像素宽度
　　screenX
　　设定新窗口离屏幕边界的像素长度
　　screenY
　　设定新窗口离屏幕上边界的像素长度
　　titlebar
　　指明菜单题目栏在新窗口是否可见
　　z-look
　　在文档中包含各个 <pplet>标签的数组
　　fullscreen
　　打开的窗体是否进行全屏显示

坎坷家族

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对话框

这个简单，模式对话框啊！function showModal(width,height) { window.showModalDialog('http://www.baidu.com','window',"dialogLeft:"+(screen.availWidth-width)/2+";dialogTop:"+(screen.availHeight-height)/2+
复制链接

扫一扫