jQuery彈窗插件 AsyncBox



什麼是 jQuery.AsyncBox ?

jQuery.AysncBox(異步盒子。以下簡 稱:AysncBox)是一款基於 jQuery 的彈窗插件。能夠實現網站的整體風格效果,給用戶一個新的視覺享受。主要模擬常用的 alert、confirm、prompt、open 和擴展了一些對話框。它通過回調函數觸發事件動作並執行,使操作區域更加明瞭、統一。而且能夠在主流瀏覽器中靈活運用。

插件特點

多元化組合 AysncBox 集成了 alert、confirm、prompt、open 和擴展了一些對話框。猶如十八般武藝集於一身。

多模態窗口

採用無限極設計思路,實現多模態與非模態的窗口組合,能夠在互不干擾的情況下完成相對複雜的操作。

全方位定位

支持靜止定位、自定義位置、自動修復位置。極大的靈活性。給用戶一種良好的視覺體驗效果。

自定義皮膚

AsyncBox 架構採用九宮格佈局,使得在構造盒子時具有豐富靈活的樣式鉤子,輕鬆實現不同膚色的窗口。

跨框架互通支持無限極層疊 iframe 框架或 frameset 框架集調用,在本域框架中穿梭自如,無需複雜的配置就能輕鬆實現。


快速簡便

API下載地址:
http://download.csdn.net/detail/ze_lin_huang/5336971




簡潔的調用方式,豐富的 API,秒速的上手易度。幫助你輕鬆駕馭 AsyncBox。

  • [2011-5-15] AsyncBox v1.4 版本更新
  • - 新增
  • 1、$.returnValue 返回值。強化跨域與窗口之間的數據互通。
  • 2、$.tips(...) 提示加入“success” 和“error”圖標配置和關閉秒數。
  • 3、$.open(...) 函數加入 data 選項一個,用於發送到服務器的數據。
  • - 調整
  • 1、所有 AsyncBox 窗口顯示位置均提升爲“黃金比例居中”。
  • 2、對話框內容超出瀏覽器時,窗口壓縮爲瀏覽器可見高度。
  • 3、對話框內容超多時排版不美觀現象。出現滾動條時,提示圖標爲不跟隨。
  • 4、按鈕構建內核修改爲 A 標籤,同時支持自適應,字數限制進行了擴充。
  • 5、對 $.tips(...) 提示窗口進行了增肥。
  • 6、固化 $.open(...) 中 HTML 模式在設置高寬時的限制。
  • - 修復
  • 1、$.reload(...) 函數在內容頁中,使用分頁導致 url 動態改變後,重載不正確的 BUG。
  • 2、在傲遊3中的非兼容模式下用 textarea 的 focus 事件調用 AsyncBox 時窗口呈現不正確的 BUG。
  • - 優化
  • 1、對部分函數中的冗餘代碼進行了優化。
  • 2、對 $.open(...) 內置的 wait 效果進行了優化。
  • 3、對樣式文件和圖片進行了優化。
  • 常見問題: 可以在項目中使用 AsyncBox 嗎?可以。在遵循相關協議的條件下,AsyncBox 無償的提供給大家永久免費使用權。詳情可以閱讀 許可協議AsyncBox 和其他彈窗組件有什麼不同嗎? 番茄和西紅柿沒什麼不同。關鍵是看你是炒雞蛋呢還是炒土豆馬鈴薯。 爲什麼在調用 AsyncBox 時中文會出現亂碼? AsyncBox 的文件編碼是 UTF-8 的,在遇到其他編碼類型時可能會出現亂碼現象,解決辦法可以在引用 AsyncBox 時加上 charset="utf-8"。例如:爲什麼 AsyncBox 不支持“if(asyncbox.confirm('Are you ok?')){...}else{...}”這種判斷方式?AsyncBox 對事件的操作是通過回調函數實現的,模擬不了阻塞,所以無法支持這種調用方式。 爲什麼 AsyncBox 不支持“最大化”? 很遺憾,在歷來更新 AsyncBox 中都沒有提到支持“最大化”,但是可以通過 width、height 配置一個全屏的窗口,在 resize 中使用 $.size 修復。這樣至少可以彌補一下缺陷。另外 AsyncBox 當然不會放棄這個支持,在往後的版本中將看到。AsyncBox 支持 IPAD 移動設備瀏覽嗎? 目前 AsyncBox 對手機瀏覽產生的不理想效果沒有做相關定製。不建議在 IPAD 移動設備中使用 AsyncBox 集成開發。 爲什麼 AsyncBox 在 windows 7 系統下字體會顯得很粗糙? 系統本身對中文字體的解析就那樣。如果想達到更理想的視覺效果,可以瞭解相關的系統美化資源。 爲什麼 AsyncBox 在內容頁中不能第一時間直接調用? 在內容頁或者在 iframe 內中不需要事件觸發調用 AsyncBox 時,例如“parent.asyncbox.alert('Hello AsyncBox !');”,這樣會報“缺少對象”的錯誤,原因是內容頁未加載完畢。解決方案爲:setTimeout(function() {parent.asyncbox.alert('Hello AsyncBox !');},1000); 推薦延遲加載,儘量避免 AsyncBox 和頁面同時加載,既等頁面加載完畢後再彈出也不遲。爲什麼在項目中載入 AsyncBox 後窗口布局會變得凌亂? AsyncBox 的構建內核使用了 table 和 部分 a 標籤,如果你對 table 和 a 標籤進行了全局樣式設置的話,可能會對 AsyncBox 造成影響。雖然 AsyncBox 也內置固化了部分樣式,但總的來說設置全局樣式並不是很好的編碼習慣,所以建議儘量避免定義全局樣式的寫法。爲什麼對話框的內容不能換行? 避免內容出現連續沒有空格的字符串,如 “StringStringStringStringStringStringString...”。 爲什麼 AsyncBox 不能遮住 FLASH? FLASH 相對比較特殊,如果需要遮住它的話,由開發人員決定在引用 FLASH 時是否加入 參數。 爲什麼 AsyncBox 出現靠左上角,不能拖動? 缺少文檔聲明。另外,避免在聲明頂部 出現 UFO。 爲什麼透明類的皮膚在 IE6 下顯示不出來? AsyncBox 目前就內置了一款 ZCMS 的透明皮膚,在 IE6 下需要對 asyncbox.css 文件中的路徑做絕對於當前頁面的路徑配置。例如:src='asyncbox/skins/ZCMS/images/ie6 /dialog_lt.png',asyncbox.html && asyncbox文件夾,即文檔頁面與 asyncbox 文件夾呈同級目錄。爲什麼出現 “asyncbox 未定義”或者其他未定義錯誤? 出現此類錯誤,請檢查你配置的插件路徑是否正確。 爲什麼按鈕按下後變爲不可用狀態了? 按鈕做了 disabled 處理,簡單保證了事件單次執行,避免重複執行。執行完畢後會變爲可用狀態。如果按鈕按下後變爲不可用,那說明在執行的過程中出錯了,請檢查你的代碼。爲什麼會報 “缺少標識符、字符串或數字” 或 “未結束的字符串常量”? IE 下在配置 $.open(...) 參數時避免參數配置中缺少逗號或者最後一個參數後面出現逗號。 CHM 幫助文檔無法顯示? 關於 CHM 幫助文檔無法顯示問題,由於系統安全性的影響,可能會造成某些 CHM 幫助文檔無法顯示頁面內容。 解決方法: 1)右鍵文檔 - 解除鎖定。 2)打開文檔時選擇“運行”。 如還未能解決就百度或谷歌了。 AsyncBox 開源嗎? 自 AsyncBox 發佈以來受到社會各界的關注和支持,而且隨着版本的不斷更新,AsyncBox 已經能夠在項目中盡以一份微薄之力。AsyncBox 的源碼也在不斷的改進,相信在不久的將來 AsyncBox 就可以和大家見面了。
    操作流程遇到的問題: 如何取得當前 AsyncBox 窗口ID? AsyncBox 的回調函數處理機制爲 callback 在 callback 中可以使用 this.id 得到當前 AsyncBox 的 ID。如果該 AsyncBox 被嵌套使用,那麼 this 對象會被子 AsyncBox 覆蓋,此時需得到正確的 ID ,則需將 this 對象存起來,例如:var id = this.id; 再用。
    另外對話框類窗口ID爲 asyncbox_ + [alert,confirm,success,error,prompt]。 如何將表單提交表單到 AsyncBox 窗口處理? 在 form 中設置 target 指向 AsyncBox 中的 iframe。例如: ,AsyncBox 中的 iframe ID 爲 窗口ID + _content,即 “openName_content”。操作 AsyncBox 後如何刷新頁面? 在判斷 action 值內加入需要刷新頁面的代碼“window.location.reload()”。內容頁刷新父頁面:“top.window.location.reload()"。如何在程序後臺中調用 AsyncBox? 通過 AJAX。

http://daimajishu.iteye.com/blog/1091108


下載地址:
http://download.csdn.net/detail/ze_lin_huang/5336971

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章