【消息提示組件】，兼容IE6/7&&FF2
更新時(shí)間：2007年09月04日 11:48:49 作者：
作者：yemoo
來源：WWW.AJAXBBS.NET
發(fā)布日期：2007-09-03
原文地址：http://www.ajaxbbs.net/blog/post/100/
特別說明：這只是一個(gè)純客戶端使用的js組件，非服務(wù)端控件（如asp.net控件等），改組件只是為了美化消息提示。
PS：希望大家多提有實(shí)際價(jià)值的建議或意見，如果合適我會(huì)繼續(xù)做完善修改。
===================================================================
前段時(shí)間公司需要寫的一個(gè)小組件，用于替代windows2000默認(rèn)的灰色消息組件(alert/Confirm)，由于公司開發(fā)的系統(tǒng)主要針對IE瀏覽器，所以開始的代碼在ff下運(yùn)行無效，今日打算拿出共享，為了盡少挨磚，花了將近一個(gè)小時(shí)將代碼進(jìn)行了兼容性的修改，目前在ie6.0和FF2.0下運(yùn)行正常，其他瀏覽器未測，公司任務(wù)在身，懶得花大量時(shí)間整這個(gè)，滿足多數(shù)需求即可。
組件簡介：
1、調(diào)用方式進(jìn)行二次分裝，首先封裝成類，然后將調(diào)用方法變成幾個(gè)簡單的方法調(diào)用，調(diào)用時(shí)無需再new了。調(diào)用方法明了簡單。
2、兼容IE6.0&&FF2.0。
3、目前提供了三種四種皮膚，Vista、QQ、ExtBlue和BlackColl。有興趣可以修改樣式表文件定義新的皮膚。
4、提供四種消息類型。分別為消息提示、成功信息、錯(cuò)誤信息、詢問信息。
5、彈出消息框時(shí)屏蔽頁面其它元素的操作，自動(dòng)隱藏頁面select及iframe下select（無限級select隱藏），并遮罩iframe等元素。
6、頁面select控件狀態(tài)還原時(shí)保持原狀態(tài)，即如果原來select就是隱藏的，則消息框彈出并關(guān)閉后該select仍保持隱藏狀態(tài)，而只顯示原本顯示的select。
7、消息組件彈出時(shí)屏蔽對鍵盤Tab鍵和空格鍵的操作（防止鍵盤操作頁面元素），按下Enter鍵當(dāng)作點(diǎn)擊消息組件的“確定”按鈕處理。
使用簡介：
1、首先在頁面中引入ymPrompt.js。
2、然后調(diào)用需要的消息函數(shù)：
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示類型
(2)SucceedInfo(....) //成功信息類型
(3)ErrorInfo(...) //錯(cuò)誤信息類型
(4)ConfirmInfo(....) //詢問消息類型
四個(gè)方法的參數(shù)完全相同：
content:消息組件要顯示的內(nèi)容。
width:消息框的寬度，不設(shè)定請置null，寬度自適應(yīng)。
height:消息框的高度，不設(shè)定請置null，高度自適應(yīng)。
title:消息組件標(biāo)題
okFunc:點(diǎn)擊確定按鈕時(shí)執(zhí)行的函數(shù)的名稱。
CancelFunc:點(diǎn)擊取消或關(guān)閉按鈕時(shí)執(zhí)行的函數(shù)的名稱。
查看演示： http://www.ajaxbbs.net/test/ymPrompt/demo.htm
說明：網(wǎng)絡(luò)空間速度原因，首次打開演示可能圖片加載較慢，請打開后稍后圖片下載完畢或下載源碼到本地查看演示。
源碼下載請到此處： http://www.ajaxbbs.net/blog/post/100/
來源：WWW.AJAXBBS.NET
發(fā)布日期：2007-09-03
原文地址：http://www.ajaxbbs.net/blog/post/100/
特別說明：這只是一個(gè)純客戶端使用的js組件，非服務(wù)端控件（如asp.net控件等），改組件只是為了美化消息提示。
PS：希望大家多提有實(shí)際價(jià)值的建議或意見，如果合適我會(huì)繼續(xù)做完善修改。
===================================================================
前段時(shí)間公司需要寫的一個(gè)小組件，用于替代windows2000默認(rèn)的灰色消息組件(alert/Confirm)，由于公司開發(fā)的系統(tǒng)主要針對IE瀏覽器，所以開始的代碼在ff下運(yùn)行無效，今日打算拿出共享，為了盡少挨磚，花了將近一個(gè)小時(shí)將代碼進(jìn)行了兼容性的修改，目前在ie6.0和FF2.0下運(yùn)行正常，其他瀏覽器未測，公司任務(wù)在身，懶得花大量時(shí)間整這個(gè)，滿足多數(shù)需求即可。
組件簡介：
1、調(diào)用方式進(jìn)行二次分裝，首先封裝成類，然后將調(diào)用方法變成幾個(gè)簡單的方法調(diào)用，調(diào)用時(shí)無需再new了。調(diào)用方法明了簡單。
2、兼容IE6.0&&FF2.0。
3、目前提供了三種四種皮膚，Vista、QQ、ExtBlue和BlackColl。有興趣可以修改樣式表文件定義新的皮膚。
4、提供四種消息類型。分別為消息提示、成功信息、錯(cuò)誤信息、詢問信息。
5、彈出消息框時(shí)屏蔽頁面其它元素的操作，自動(dòng)隱藏頁面select及iframe下select（無限級select隱藏），并遮罩iframe等元素。
6、頁面select控件狀態(tài)還原時(shí)保持原狀態(tài)，即如果原來select就是隱藏的，則消息框彈出并關(guān)閉后該select仍保持隱藏狀態(tài)，而只顯示原本顯示的select。
7、消息組件彈出時(shí)屏蔽對鍵盤Tab鍵和空格鍵的操作（防止鍵盤操作頁面元素），按下Enter鍵當(dāng)作點(diǎn)擊消息組件的“確定”按鈕處理。
使用簡介：
1、首先在頁面中引入ymPrompt.js。
2、然后調(diào)用需要的消息函數(shù)：
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示類型
(2)SucceedInfo(....) //成功信息類型
(3)ErrorInfo(...) //錯(cuò)誤信息類型
(4)ConfirmInfo(....) //詢問消息類型
四個(gè)方法的參數(shù)完全相同：
content:消息組件要顯示的內(nèi)容。
width:消息框的寬度，不設(shè)定請置null，寬度自適應(yīng)。
height:消息框的高度，不設(shè)定請置null，高度自適應(yīng)。
title:消息組件標(biāo)題
okFunc:點(diǎn)擊確定按鈕時(shí)執(zhí)行的函數(shù)的名稱。
CancelFunc:點(diǎn)擊取消或關(guān)閉按鈕時(shí)執(zhí)行的函數(shù)的名稱。
查看演示： http://www.ajaxbbs.net/test/ymPrompt/demo.htm
說明：網(wǎng)絡(luò)空間速度原因，首次打開演示可能圖片加載較慢，請打開后稍后圖片下載完畢或下載源碼到本地查看演示。
源碼下載請到此處： http://www.ajaxbbs.net/blog/post/100/
相關(guān)文章
基于JavaScript實(shí)現(xiàn)右鍵菜單和拖拽功能
本文給大家分享基于js實(shí)現(xiàn)的右鍵菜單功能和拖拽功能的代碼解析，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
javascript 程序庫的比較（一）之DOM功能2010-04-04
JavaScript定時(shí)器setTimeout()和setInterval()詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器setTimeout()和setInterval()的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了ES6 Promise對象概念與用法,簡單分析了Promise對象的基本狀態(tài)與三種重要方法,并結(jié)合實(shí)例形式給出相關(guān)使用技巧,需要的朋友可以參考下2017-04-04
js獲取json中key所對應(yīng)的value值的簡單方法
下面小編就為大家?guī)硪黄猨s獲取json中key所對應(yīng)的value值的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了小程序之簡單登錄注冊表單驗(yàn)證，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
下面小編就為大家?guī)硪黄狫S判斷是否為JSON對象及是否存在某字段的方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)，每次滾動(dòng)一行停頓，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
本文給大家通過3個(gè)方法向大家展示了javascript中的setTimeout的使用，非常的簡單，有需要的小伙伴可以參考下。2015-07-07
js中symbol類型以及symbol的三大應(yīng)用場景詳解
Symbol是ES6新推出的一種基本類型,它表示獨(dú)一無二的值,它可以接受一個(gè)字符串作為參數(shù),帶有相同參數(shù)的兩個(gè)Symbol值不相等,這個(gè)參數(shù)只是表示Symbol值的描述而已,下面這篇文章主要給大家介紹了關(guān)于js中symbol類型以及symbol的三大應(yīng)用場景,需要的朋友可以參考下2022-09-09