|
更新說明:
2007-08-23 11:50
1、修復(fù)了IE7.0下按鈕文字錯位的BUG(下載源碼已經(jīng)更新,請下載過的朋友重新下載)。
2、修改了部分js程序代碼。(彈出框的高度只在初始化時進(jìn)行計算)
2007-08-23 21:30
1、完善了組件簡介,原來沒有寫5-7三個介紹,可能有些朋友也沒有注意到。這里補(bǔ)上!
======================================================
前段時間公司需要寫的一個小組件,用于替代windows2000默認(rèn)的灰色消息組件(alert/Confirm),由于公司開發(fā)的系統(tǒng)主要針對IE瀏覽器,所以開始的代碼在ff下運(yùn)行無效,今日打算拿出共享,為了盡少挨磚,花了將近一個小時將代碼進(jìn)行了兼容性的修改,目前在ie6.0和FF2.0下運(yùn)行正常,其他瀏覽器未測,公司任務(wù)在身,懶得花大量時間整這個,滿足多數(shù)需求即可。
組件簡介:
1、調(diào)用方式進(jìn)行二次分裝,現(xiàn)編寫成類,然后將調(diào)用方法變成幾個簡單的方法調(diào)用,調(diào)用時無需再new了。調(diào)用方法明了簡單。
2、兼容IE6.0&&FF2.0。
3、目前提供了三種四種皮膚,Vista、QQ、ExtBlue和BlackColl。有興趣可以修改樣式表文件定義新的皮膚。
4、提供四種消息類型。分別為消息提示、成功信息、錯誤信息、詢問信息。
5、彈出消息框時屏蔽頁面其它元素的操作,自動隱藏頁面select及iframe下select(無限級select隱藏),并遮罩iframe等元素。
6、頁面select控件狀態(tài)還原時保持原狀態(tài),即如果原來select就是隱藏的,則消息框彈出并關(guān)閉后該select仍保持隱藏狀態(tài),而只顯示原本顯示的select。
7、消息組件彈出時屏蔽對鍵盤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(...) //錯誤信息類型
(4)ConfirmInfo(....) //詢問消息類型
四個方法的參數(shù)完全相同:
content:消息組件要顯示的內(nèi)容。
width:消息框的寬度,不設(shè)定請置null,寬度自適應(yīng)。
height:消息框的高度,不設(shè)定請置null,高度自適應(yīng)。
title:消息組件標(biāo)題
okFunc:點(diǎn)擊確定按鈕時執(zhí)行的函數(shù)的名稱。
CancelFunc:點(diǎn)擊取消或關(guān)閉按鈕時執(zhí)行的函數(shù)的名稱。
查看演示:http://www.ajaxbbs.NET/test/ymPrompt/demo.htm
說明:網(wǎng)絡(luò)空間速度原因,首次打開演示可能圖片加載較慢,請打開后稍后圖片下載完畢或下載源碼到本地查看演示。
源碼下載:
本地下載
JavaScript技術(shù):070823更新的一個[消息提示框]組件 兼容ie7,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。