



下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、lhgdialog彈出窗口框架使用說(shuō)明lhgdialog彈出窗口框架使用說(shuō)明lhgdialog是一個(gè)多功能,高效率的彈出窗口組件。一、組件的結(jié)構(gòu):1. lhgdialog.js:組件的主調(diào)用函數(shù)。2. lhgdialog.html:組件的模板文件,此文件用來(lái)控制窗口的樣式和鼠標(biāo)對(duì)窗口的各種操做。3. lhgdialog.css:組件的樣式表文件。4. images:窗口所需圖片文件夾。(以上4個(gè)是組件必須的)5. _content:包含內(nèi)容頁(yè)的文件夾。(內(nèi)容頁(yè)指窗口中加載的頁(yè)面)6. _demo.html:組件的演示文件。二、組件的安裝:1. 將組件放到你的系統(tǒng)所指定的文件夾中。組件中的所有文
2、件是一個(gè)整體,必須放在一個(gè)目錄中,其中以“_”開(kāi)頭的文件或文件夾可以刪除,其它文件或文件夾不能刪除,也不能更改名稱。例如:我想在我的CMS系統(tǒng)里使用組件,我的CMS系統(tǒng)的目錄是actcms,我的組件放在系統(tǒng)的ACT_inc/js/lhgdialog/下。如下圖:放組件的目錄的名稱可以任意,如我設(shè)的為lhgidalog,你也可以寫其它的名稱,但lhgdialog.js、lhgdialog.html、lhgdialog.css、images這四個(gè)必須放在這個(gè)文件夾中,且名稱都不能更改。2. 然后在你需要調(diào)用組件的頁(yè)面加入lhgdialog.js文件。例如我想在actcms/Admin/ACT.Sy
3、s.asp文件里調(diào)用組件就得在<head></head>里加入lhgdialog.js文件,寫法如下圖:3. 最后在你需要彈出窗口的地方的事件里調(diào)用彈出窗口主函數(shù)就可以了。例如下圖:當(dāng)然你也可以在這里自已寫個(gè)函數(shù),然后在自己寫的函數(shù)里調(diào)用lhgdialog.opendlg()主函數(shù)。三、主函數(shù)參數(shù)說(shuō)明:組件的主調(diào)函數(shù)lhgdialog.opendlg的形式為:lhgdialog.opendlg( t, p, w, h, c, i, n, s, o, l )下面對(duì)各參數(shù)做詳細(xì)說(shuō)明:1. t :窗口標(biāo)題,文本型數(shù)據(jù)。例:我的窗口。2. p :內(nèi)容頁(yè)文件,文本型數(shù)據(jù)。這里要根
4、據(jù)你在第六個(gè)參數(shù)i所指定的形式來(lái)寫。參數(shù)i一共有3種形式,自己的內(nèi)部頁(yè)面、外部的鏈接頁(yè)面和HTML代碼。如果為自己的內(nèi)部頁(yè)面就要寫頁(yè)面文件的路徑(此路徑為相對(duì)路徑)如:我要加載content.htm文件就得這樣寫:lhgdialog.opendlg(,./././temples/content.htm,)內(nèi)容頁(yè)的路徑必須是從lhgdialog.html開(kāi)始到內(nèi)容頁(yè)的相對(duì)路徑。如果是外部的鏈接頁(yè)面,只要寫全網(wǎng)址即可,如:lhgdialog.opendlg(,)。如果為HTML代碼,則只要把HTML代碼寫上即可,如:lhgdialog.opendlg(,<b>abc</b>
5、,)。3. w :窗口的寬度,數(shù)值型數(shù)據(jù)。4. h :窗口的高度,數(shù)值型數(shù)據(jù)。5. c :是否顯示遮罩層,布爾型數(shù)據(jù)。為true時(shí)顯示,false時(shí)不顯示。6. i :設(shè)置加載內(nèi)容頁(yè)的形式,混合型數(shù)據(jù)。有3種形式,(true|false|hcode)。為true時(shí)內(nèi)容頁(yè)為外部鏈接,為false時(shí)為自己的內(nèi)容頁(yè)(此為默認(rèn)值)。為hcode時(shí)為html代碼。7. s :窗口是否隨滾動(dòng)條滾動(dòng),布爾型數(shù)據(jù)。為true時(shí)滾動(dòng),反之不滾動(dòng)。8. l :窗口距頁(yè)面左邊和上邊的距離,對(duì)象類型。形式為:top:值,left:值9. n :窗口的名稱,文本型數(shù)據(jù)。這個(gè)參數(shù)的作用是用在如果想在調(diào)用窗口的頁(yè)面設(shè)置關(guān)閉
6、窗口時(shí)或多窗口之間傳值時(shí)使用,后面有使用示例可參考。注:如果某一參數(shù)后面的參數(shù)不使用可以省略不寫,如:lhgdialog.opendlg( 測(cè)試窗口, /admin/content.htm, 400, 300 );如果某一參數(shù)前面的參數(shù)有不寫的不能省略,用2個(gè)單引號(hào)來(lái)代替,如:lhgdialog.opendlg( , , 400, 300, , true, MyDlg );注意窗口的寬和高不能省略。四、組件的一些屬性和方法說(shuō)明:用戶要用到的:lhgdialog.js中的config對(duì)象屬性。opac:遮罩層的透明度,為>=0且<=1的一位小數(shù)。bgcolor:遮罩層的顏色值。初始z
7、-index值,這個(gè)不要?jiǎng)?。方法主要用到lhgdialog.html里的crebtn()這個(gè)方法,用來(lái)創(chuàng)建自己的按鈕,這個(gè)方法的形式為:window.crebtn( i, t, f ),其中參數(shù)i為按鈕的id,t為按鈕上的文字,f為按鈕所要調(diào)用的函數(shù)名。使用方法看后面的示例。五、自已建的內(nèi)容頁(yè)的使用方法:在使用自己創(chuàng)建的內(nèi)容頁(yè)時(shí),以下地方要注意:1. 一定要加上var P = window.parent, D = P.loadinndlg();或var D = window.parent.loadinndlg();這句JS代碼,前面D或P這個(gè)變量名可以自己設(shè)定,但后面window.parent
8、.loadinndlg()必須這樣寫。這句的含義是調(diào)用父窗口的loadinndlg()函數(shù),這個(gè)函數(shù)用來(lái)把顯示等待的層關(guān)閉,并且返回調(diào)用頁(yè)面對(duì)象,也就是說(shuō)P返回的是父窗口對(duì)象,就是指的lhgdialog.html這個(gè)頁(yè)面的window對(duì)象。D就相當(dāng)于調(diào)用組件頁(yè)面的window對(duì)象,這樣我們就可以在內(nèi)容頁(yè)面對(duì)調(diào)用頁(yè)面進(jìn)行操做了。2. 如果在內(nèi)容頁(yè)調(diào)用父窗口(也就是lhgdialog.html)的crebtn()方法時(shí),注意最后一個(gè)參數(shù)你所指定的函數(shù)一定要存在,寫在你的內(nèi)容頁(yè)里,如不存在將會(huì)產(chǎn)生錯(cuò)誤。3. 內(nèi)容頁(yè)示列:如下圖:六、在frameset框架頁(yè)中使用的特別說(shuō)明:如果你是在frameset框架頁(yè)中使用本組件,有一個(gè)地方需要特點(diǎn)注意,那就是框架的首頁(yè)(也就是最上層頁(yè)面)不能是frameset頁(yè)面,因?yàn)樵趂rameset頁(yè)面不能顯示其它的任何元素。所以得進(jìn)行一點(diǎn)修改,修改方法如下:比如我原來(lái)的frameset頁(yè)面文件的名稱為index.html,其中代碼為:這時(shí)我們就這個(gè)框架頁(yè)改名為frameset.html,然后新建一個(gè)文件做為首頁(yè)(也就是最頂層頁(yè)面),例如我們新建了一個(gè)index.html文件,然后在這個(gè)頁(yè)面里加一個(gè)iframe把原來(lái)的frameset框架頁(yè)放到iframe里,示例代碼如下圖:
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 化纖坯布采購(gòu)合同范本
- 農(nóng)信社借款合同范本
- 出售液壓設(shè)備合同范本
- 產(chǎn)品貨物裝運(yùn)合同范本
- 出讓生鮮小店合同范本
- 勞務(wù)合同范本字體
- 出口服裝合同范本
- 中介房產(chǎn)股合同范本
- 公司設(shè)計(jì)合同范本
- 乙方基坑支護(hù)合同范本
- DB43T 578-2016 銻冶煉砷堿渣無(wú)害化處理技術(shù)規(guī)范
- 醫(yī)院工程改造工程施工組織設(shè)計(jì)方案
- 英語(yǔ)人稱代詞和物主代詞練習(xí)題(附答案)
- 建筑與市政工程地下水控制技術(shù)規(guī)范 JGJ111-2016 培訓(xùn)
- 2024年汽車裝調(diào)工技能競(jìng)賽理論考試題庫(kù)(含答案)
- (新版)區(qū)塊鏈應(yīng)用操作員職業(yè)技能競(jìng)賽理論考試題庫(kù)-上(單選題)
- 生豬屠宰獸醫(yī)衛(wèi)生檢驗(yàn)人員理論考試題庫(kù)及答案
- 《Windows server操作系統(tǒng)》Windows Server 2019全套教學(xué)課件
- 高中英語(yǔ)課程設(shè)計(jì)目的
- 2024-2025學(xué)年北京一零一中學(xué)初三期初測(cè)試數(shù)學(xué)試題含解析
- 2024年12月大學(xué)英語(yǔ)四級(jí)CET-4真題試卷
評(píng)論
0/150
提交評(píng)論