您的位置:首页 > Web前端 > JavaScript

利用JavaScript创建模态非模态对话框

2010-05-18 11:45 281 查看
下载示例程序



图一:网页对话框

相关函数:
1、CreateWebDialog(dlgId, title, iconUrl, clientHtml, left, top, width, height, bModel)
功能:创建ID为dlgId的网页对话框
参数说明:
dlgId 网页对话框ID(具有唯一性)
title 标题文本,如果为默认为“网页对话框”
iconUrl 提供标题栏图标的地址,若为“null”,表示不指定图标
clientHtml 客户区HTML,其由HTML代码给出(其决定上图客户区的内容)
left 初始显示坐标的左坐标
top 初始显示位置的上坐标
width 指定网页对话框的宽度
height 指定网页对话框的高度
bModel 是否创建模态对话框(true,创建模态对话框;false,创建费模态对话框)

示例:

var clientHtml="网页对话框客户区<br/><br/>天天都要有个好心情!<br/>忘记昨天,不想明天,做好今天!";

var bModel=true;//创建模态网页对话框

//var bModel=false;//创建非模态网页对话框
CreateWebDialog( "TestDlg", "网页对话框", "png-0002.png", clientHtml, "200px", "100px", "200px", "100px", bModel );

效果图:





2、DestroyWebDialog(dlgId)
功能:
销毁由dlgId指定的网页对话框
参数说明:
dlgId 由CreateWebDialog指定的网页对话框ID

示例:

DestroyWebDialog( "TestDlg" );

小结:
程序在IE、谷歌浏览器、Safari、firefox下测试通过。
如果发下问题还望不吝赐教,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: