lhgdialog弹出窗口控件使用说明.docVIP

lhgdialog 弹出窗口控件使用说明 一、lhgdialog控件文件结构： 存放皮肤的相关文件你可以根据需要清理或添加皮肤文件包lhgdialog.js和lhgdialog.html和skins这三项必须放在同一目录下，不能分开存放，也不能更改其结构。这里特别说明一下lhgcore.min.js文件，此文件为一个简化的jQuery库文件，此文件可以放在其它任何目录中，但它和前面讲的那三项文件名都不能更改。这个库文件除了用在此控件上外，你还可以把它用到你的其它的js代码里，是一个非常好用的库文件，功能和jQuery差）。 二、lhgdialog插件在页面的加载说明：在你要调用插件的页面的head里加载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||html：窗口内容页类型（三种），每个弹出窗口只可使用其中一种，可选项。其中page指窗口内容页为自定义的文件，link指窗口内容页为外部联接的页面。html指窗口内容页为html代码。另外：page的值为lhgdialog.html文件到自定义的内容页的相对路径加上文件名，link的值为：http://的形式，htt://不能省略。html的值为html代码形式即可。 ③ width：窗口宽度，默认值为400。 ④ height：窗口高度，默认值为300。 ⑤ cover：是否打开遮罩层，默认为不打开。 ⑥ top：窗口距浏览器顶端距离，如不写则窗口显示在屏幕中间。 ⑦ left：窗口距浏览器左边距离，如不写则窗口显示在屏幕中间。 ⑧ rang：是否限制在浏览器内拖动。 ⑨ custom：传到内容内的自定义值或函数，使用方法看示例文件。 ⑽ drag：是否拖动窗口，默认为true。 ⑾ foot：是否显示页脚部分，默认为true。 ⑿ cache: 是否从缓存加载内容页，默认为true。 注：在lhgdialog.js文件的dialogSet函数里的_default变量为控件的一些默认值的设置，你可以更改这里的默认值来改变控件的默认值。 四、在frameset框架集中的使用：因为好多人的项目都用到了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对象的使用：在窗口组件进行传值或在其它位置引用窗口对象时要能够取窗口对象，插件提供了个对象来简化对窗口和窗口内容页对象的引用，下面详细说明一个如何使用这个对象1. J.dialog.indoc[窗口id]此对象取的是lhgdialog.html这个文件（也就是窗口）的document对象，有了这个对象你就可以操作lhgdialog.html页面里的任何元素 比如取窗口取消按钮的文本就可以这样操作：J.dialog.get( test, {page:_content/content.html }); J.dialog.indoc[test].getElementById(cbtn).innerHTML????// cbtn为取消按钮的idJ(#cbtn,J.dialog.indoc[test]).html()?? //这个是使用库里的方法取按钮的文本2. J.dialog.inwin[窗口id]此对象取的是lhgdialog.html这个文件（也就是窗口）的window对象，有了这个对象你就可以调用lhgdialog.html页面里的函数 比如调用窗口的关闭函数来关闭窗口：J.dialog.get( test, {page:_content/content.html }); J.dialog.inwin[test].cancel(); 3. J.dialog.infrm[窗口id] 此对象取的是加载内容页的id为frmain的ifr