作者：yemoo
來源：WWW.AJAXBBS.NET
發(fā)布日期：2007-09-03

原文地址：http://www.ajaxbbs.net/blog/post/100/

特別說明：這只是一個純客戶端使用的js組件，非服務端控件（如asp.net控件等），改組件只是為了美化消息提示。

PS：希望大家多提有實際價值的建議或意見，如果合適我會繼續(xù)做完善修改。
===================================================================
      前段時間公司需要寫的一個小組件，用于替代windows2000默認的灰色消息組件(alert/Confirm)，由于公司開發(fā)的系統(tǒng)主要針對IE瀏覽器，所以開始的代碼在ff下運行無效，今日打算拿出共享，為了盡少挨磚，花了將近一個小時將代碼進行了兼容性的修改，目前在ie6.0和FF2.0下運行正常，其他瀏覽器未測，公司任務在身，懶得花大量時間整這個，滿足多數需求即可。

組件簡介：

1、調用方式進行二次分裝，首先封裝成類，然后將調用方法變成幾個簡單的方法調用，調用時無需再new了。調用方法明了簡單。
2、兼容IE6.0&&FF2.0。
3、目前提供了三種四種皮膚，Vista、QQ、ExtBlue和BlackColl。有興趣可以修改樣式表文件定義新的皮膚。
4、提供四種消息類型。分別為消息提示、成功信息、錯誤信息、詢問信息。
5、彈出消息框時屏蔽頁面其它元素的操作，自動隱藏頁面select及iframe下select（無限級select隱藏），并遮罩iframe等元素。
6、頁面select控件狀態(tài)還原時保持原狀態(tài)，即如果原來select就是隱藏的，則消息框彈出并關閉后該select仍保持隱藏狀態(tài)，而只顯示原本顯示的select。
7、消息組件彈出時屏蔽對鍵盤Tab鍵和空格鍵的操作（防止鍵盤操作頁面元素），按下Enter鍵當作點擊消息組件的“確定”按鈕處理。


使用簡介：
   1、首先在頁面中引入ymPrompt.js。
   2、然后調用需要的消息函數：   
   (1)Alert(content,width,height,title,okFunc,cancelFunc)  //消息提示類型  
   (2)SucceedInfo(....) //成功信息類型
   (3)ErrorInfo(...) //錯誤信息類型
   (4)ConfirmInfo(....) //詢問消息類型

  四個方法的參數完全相同：

   content:消息組件要顯示的內容。
   width:消息框的寬度，不設定請置null，寬度自適應。
   height:消息框的高度，不設定請置null，高度自適應。
   title:消息組件標題
   okFunc:點擊確定按鈕時執(zhí)行的函數的名稱。
   CancelFunc:點擊取消或關閉按鈕時執(zhí)行的函數的名稱。 

查看演示： http://www.ajaxbbs.net/test/ymPrompt/demo.htm
說明：網絡空間速度原因，首次打開演示可能圖片加載較慢，請打開后稍后圖片下載完畢或下載源碼到本地查看演示。
源碼下載請到此處： http://www.ajaxbbs.net/blog/post/100/

最新評論