|
|
來(lái)源：WWW.AJAXBBS.NET
發(fā)布日期：2007-09-03
原文地址：http://www.ajaxbbs.NET/blog/post/100/
特別說(shuō)明：這只是一個(gè)純客戶端使用的js組件，非服務(wù)端控件（如ASP.NET控件等），改組件只是為了美化消息提示。
PS：希望大家多提有實(shí)際價(jià)值的建議或意見(jiàn)，如果合適我會(huì)繼續(xù)做完善修改。
===================================================================
前段時(shí)間公司需要寫(xiě)的一個(gè)小組件，用于替代windows2000默認(rèn)的灰色消息組件(alert/Confirm)，由于公司開(kāi)發(fā)的系統(tǒng)主要針對(duì)IE瀏覽器，所以開(kāi)始的代碼在ff下運(yùn)行無(wú)效，今日打算拿出共享，為了盡少挨磚，花了將近一個(gè)小時(shí)將代碼進(jìn)行了兼容性的修改，目前在ie6.0和FF2.0下運(yùn)行正常，其他瀏覽器未測(cè)，公司任務(wù)在身，懶得花大量時(shí)間整這個(gè)，滿足多數(shù)需求即可。
組件簡(jiǎn)介：
1、調(diào)用方式進(jìn)行二次分裝，首先封裝成類(lèi)，然后將調(diào)用方法變成幾個(gè)簡(jiǎn)單的方法調(diào)用，調(diào)用時(shí)無(wú)需再new了。調(diào)用方法明了簡(jiǎn)單。
2、兼容IE6.0&&FF2.0。
3、目前提供了三種四種皮膚，Vista、QQ、ExtBlue和BlackColl。有興趣可以修改樣式表文件定義新的皮膚。
4、提供四種消息類(lèi)型。分別為消息提示、成功信息、錯(cuò)誤信息、詢問(wèn)信息。
5、彈出消息框時(shí)屏蔽頁(yè)面其它元素的操作，自動(dòng)隱藏頁(yè)面select及iframe下select（無(wú)限級(jí)select隱藏），并遮罩iframe等元素。
6、頁(yè)面select控件狀態(tài)還原時(shí)保持原狀態(tài)，即如果原來(lái)select就是隱藏的，則消息框彈出并關(guān)閉后該select仍保持隱藏狀態(tài)，而只顯示原本顯示的select。
7、消息組件彈出時(shí)屏蔽對(duì)鍵盤(pán)Tab鍵和空格鍵的操作（防止鍵盤(pán)操作頁(yè)面元素），按下Enter鍵當(dāng)作點(diǎn)擊消息組件的“確定”按鈕處理。
使用簡(jiǎn)介：
1、首先在頁(yè)面中引入ymPrompt.js。
2、然后調(diào)用需要的消息函數(shù)：
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示類(lèi)型
(2)SucceedInfo(....) //成功信息類(lèi)型
(3)ErrorInfo(...) //錯(cuò)誤信息類(lèi)型
(4)ConfirmInfo(....) //詢問(wèn)消息類(lèi)型
四個(gè)方法的參數(shù)完全相同：
content:消息組件要顯示的內(nèi)容。
width:消息框的寬度，不設(shè)定請(qǐng)置null，寬度自適應(yīng)。
height:消息框的高度，不設(shè)定請(qǐng)置null，高度自適應(yīng)。
title:消息組件標(biāo)題
okFunc:點(diǎn)擊確定按鈕時(shí)執(zhí)行的函數(shù)的名稱(chēng)。
CancelFunc:點(diǎn)擊取消或關(guān)閉按鈕時(shí)執(zhí)行的函數(shù)的名稱(chēng)。
查看演示： http://www.ajaxbbs.NET/test/ymPrompt/demo.htm
說(shuō)明：網(wǎng)絡(luò)空間速度原因，首次打開(kāi)演示可能圖片加載較慢，請(qǐng)打開(kāi)后稍后圖片下載完畢或下載源碼到本地查看演示。
源碼下載請(qǐng)到此處： http://www.ajaxbbs.NET/blog/post/100/
JavaScript技術(shù)：【消息提示組件】，兼容IE6/7&&FF2，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
