1、报哪儿网-http:/ 专业致力于教育培训网上服务平台! 报哪儿网 - http:/lhgdialog 弹出窗口控件使用说明一、lhgdialog 控件文件结构：1. lhgcore.min.js：控件引用的核心库文件。2. lhgdialog.js：控件的调用和配置文件。3. lhgdialog.html：控件的模板和核心文件。4. skins：存放皮肤的相关文件，你可以根据需要清理或添加皮肤文件包。5. index.html：示例页文件，实际使用中不需要可删除。6. content：存放内容页示例文件，实际使用中不需要可删除。注：以上的前三个文件和 skins 文件夹为控件所必须的，第 5
2、 个和第 6 个为示例所用，在实际使用时把它删除即可。其中 lhgdialog.js 和 lhgdialog.html 和 skins 这三项必须放在同一目录下，不能分开存放，也不能更改其结构。这里特别说明一下lhgcore.min.js 文件，此文件为一个简化的 jQuery 库文件，此文件可以放在其它任何目录中，但它和前面讲的那三项文件名都不能更改。这个库文件除了用在此控件上外，你还可以把它用到你的其它的 js 代码里，是一个非常好用的库文件，功能和 jQuery 差不多，具体的使用方法你可以到我的网站上下载使用说明文档（http:/） 。二、lhgdialog 插件在页面的加载说明：在你
3、要调用插件的页面的里加载 lhgcore.min.js 和 lhgdialog.js 即可。下面给出一个在调用页面加载组件的示例：这里要注意 lhgcore.min.js 一定要在加载 lhgdialog.js 前加载三、lhgdialog 主调函数参数说明：主调函数：J.dialog.get( id, options );参数说明：1. id：窗口 id 号，必写项，不能省略。每个窗口的 id 必须是唯一的不能重复。2. options： json 格式的 key/value 对象参数，它包括以下选项，都是可选的。 title ：窗口标题，默认值为lhgdialog 。 page|link|
4、html：窗口内容页类型（三种） ，每个弹出窗口只可使用其中一种，可选项。其中 page 指窗口内容页为自定义的文件， link 指窗口内容页为外部联接的页面。html 指窗口内容页为 html 代码。另外：page 的值为 lhgdialog.html 文件到自定义的内容页的相对路径加上文件名，link 的值为：http:/的形式，htt:/不能省略。html 的值为 html 代码形式即可。 width ：窗口宽度，默认值为 400。 height：窗口高度，默认值为 300。 cover ：是否打开遮罩层，默认为不打开。 top：窗口距浏览器顶端距离，如不写则窗口显示在屏幕中间。 lef
5、t ：窗口距浏览器左边距离，如不写则窗口显示在屏幕中间。报哪儿网-http:/ 专业致力于教育培训网上服务平台! 报哪儿网 - http:/ rang ：是否限制在浏览器内拖动。 custom：传到内容内的自定义值或函数，使用方法看示例文件。 drag：是否拖动窗口，默认为 true。 foot：是否显示页脚部分，默认为 true。 cache: 是否从缓存加载内容页，默认为 true。注：在 lhgdialog.js 文件的 dialogSet 函数里的_default 变量为控件的一些默认值的设置，你可以更改这里的默认值来改变控件的默认值。四、在 frameset 框架集中的使用：因为好多
6、人的项目都用到了 frameset 所以在这里特别说明一下。在 html 中没有任何元素可以浮动在 frameset 框架之上的，如果你想要弹窗浮动在 frameset 之上， 你必须在 frameset 页面外层在加上 iframe 框架，然后把 frameset 页面嵌入到这个 iframe 里就可以了，这也是目前所有解决 div 层浮动在 frameset 之上的可行方法。五、关于 J.dialog.indoc 和 J.dialog.inwin 和 J.dialog.infrm 和J.dialog.inndoc 和 J.dialog.innwin 对象的使用：在窗口组件进行传值或在其它位
7、置引用窗口对象时要能够取窗口对象，插件提供了 5个对象来简化对窗口和窗口内容页对象的引用，下面详细说明一个如何使用这 5 个对象：1. J.dialog.indoc窗口 id此对象取的是 lhgdialog.html 这个文件（也就是窗口）的 document 对象，有了这个对象你就可以操作 lhgdialog.html 页面里的任何元素比如取窗口取消按钮的文本就可以这样操作：J.dialog.get( test, page:_content/content.html );J.dialog.indoctest.getElementById(cbtn).innerHTML / cbtn 为取消按
8、钮的 idJ(#cbtn,J.dialog.indoctest).html() /这个是使用库里的方法取按钮的文本2. J.dialog.inwin窗口 id此对象取的是 lhgdialog.html 这个文件（也就是窗口）的 window 对象，有了这个对象你就可以调用 lhgdialog.html 页面里的函数比如调用窗口的关闭函数来关闭窗口：J.dialog.get( test, page:_content/content.html );J.dialog.inwintest.cancel();3. J.dialog.infrm窗口 id此对象取的是加载内容页的 id 为 frmain 的
9、 iframe 对象，我们可以通过更改此对象的 src 属性来达到窗口内容页的转换。下面这 2 个对象只有在内容页加载了 setDialog()函数后才可用。4. J.dialog.inndoc窗口 id 此对象取的是加载内容页的 id 为 frmain 的 iframe 的 document 对象，有了这个对象你就可以在其它页面来控制内容页页面元素，主要用来传值具体的使用方法请看示例页面的示例 4. 将文本框的值传到窗口的文本框里5. J.dialog.innwin窗口 id此对象取的是加载内容页的 id 为 frmain 的 iframe 的 window 对象，有了这个对象你就可以调用内
10、容页的函数，这个主要用在跳转页面具体的使用方法请看示例页面的示例 8. 当主调函数里内容页参数为 html 或 link报哪儿网-http:/ 专业致力于教育培训网上服务平台! 报哪儿网 - http:/时可通过 custom 参数来执行函数控制窗口对象。六、关于窗口的一些常函数接口的使用：1. S.dialog() 函数：此函数是用来在内容页控制窗口大小的函数，使用方法请参考示例页的 7. 的在内容用按钮控制窗口大小 示例2. setDialog()函数：此函数为内容页里必须加载的函数，此函数的功能在代码里我都有注释说明3. cancel()函数此函数为关闭窗口的函数，如要关闭窗口就可以调用此函数4. addBtn( id, txt, fn )函数此函数是在窗口页面的页脚创建新的按钮参数说明：id - 新建按钮的 idtxt - 新建按钮的文本fn - 新建按钮绑定的函数5. removeBtn(id)函数此函数是用来删除窗口页面的页脚的按钮6. S.auto()函数(2.3.6 新增)此函数是用来根据窗口内容页的大小自动调整窗口的大小七、lhgdialog 其它一些说明：如果你在使用中还有其它问题，可到我的博客上发贴提出，我的博客地址：http:/ QQ 讨论群： 2595744 或我的 QQ 上提出：34596187 加时请注明
