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

下载示例程序

 

图一：网页对话框

相关函数：

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下测试通过。

如果发下问题还望不吝赐教，谢谢！