這次的 Case,客戶那邊的特殊需求:Server 端的程式不能碰,因此部分 php 程式要擺在我們自家,而 htm 純頁面擺客戶主機。
而部分資料會自我們自家 Server 中取得或寫入,以下會以”取得”為例。
找了一下資料,必須繞一點路,用 JSONP 來解決這個問題。
這次的 Case,客戶那邊的特殊需求:Server 端的程式不能碰,因此部分 php 程式要擺在我們自家,而 htm 純頁面擺客戶主機。
而部分資料會自我們自家 Server 中取得或寫入,以下會以”取得”為例。
找了一下資料,必須繞一點路,用 JSONP 來解決這個問題。
jQuery 倒數計時, 需要 jQuery.Timers 這個 plugin.
startDate 可以用 server 的時間輸出, 避免 client 的電腦時間不準。
jQuery plugin: Validation 是一套很讚的表單前端驗證工具,但少了「群組不可有重複值」這項驗證有些可惜。
什麼時候會用到呢?舉個例來說,表單希望你填入親友A、親友B與親友C 三者的 E-mail,但我們又不希望使用者通通填同一個 E-mail,這時三個欄位就為一個 E-mail 群組,並希望每欄皆為獨立值。
幸好有熱心高手寫了 Validation 的 plugin,可以加掛這項驗證上去,以下來說明怎麼做吧。
原始網址在此
需求:下拉選單的設計是自訂的樣式,不只背景,連右方箭號也是。使用 jQuery 的解法很多,此為其中一種。
若要連下拉出的選單樣式都要變更,可參考 jQuery UI 的版本。
解法:
http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/
使用 jQuery.validate 驗證表單內容,若通過驗證則加上 blockUI 遮蓋畫面(一方面是防止使用者重複按下送出鈕、另一方面是有個 Loading 畫面可以讓使用者知道表單仍在處理中),反之(驗證不通過)則僅顯示錯誤就好。作法如下:
使用 jQuery.validate 的 submitHandler 事件:
某個案子使用了 lightbox2 燈箱效果(jQuery 版,jquery-lightbox-0.5.js),而當 lightbox 彈出後,頁面上的 Flash 項目卻都消失了。看了一下 jquery-lightbox-0.5.js 的原始碼,原來是為了避免 Flash 顯示於最上層,也就是跑到 overlay 黑底的上面,而加上蹦現時將 embed、object 與 select 元素隱藏的語法。
其實可以利用 Flash 的 wmode 屬性避免這種現象,同時也可在燈箱效果出現時顯示 Flash(當然,是在 overlay 黑底下方)。
Continue reading
在做某個案子的時候,需要用到 ThickBox 的效果來顯示預覽的內容,但因原設計者採用了 iframe
來展示各單元內容頁的架構,造成點擊內嵌頁框內的項目,跳出的 ThickBox 效果僅有 iframe
內有黑底而已。所幸在網上找到了解法: