jQuery checkbox 全選+變色: 挑戰最簡寫法
前言 以往寫這種功能似乎都要寫好幾行,儘管有了 jQuery 加持,也是會把事件都綁定到主控的 checkbox 再做處理,結構上略顯混亂及累贅,所以這次來挑戰看看是不是有比較直覺、結構清楚又兼顧效能的寫法。 jsFiddle Online Test
前言 以往寫這種功能似乎都要寫好幾行,儘管有了 jQuery 加持,也是會把事件都綁定到主控的 checkbox 再做處理,結構上略顯混亂及累贅,所以這次來挑戰看看是不是有比較直覺、結構清楚又兼顧效能的寫法。 jsFiddle Online Test
想當然爾,就是 11 月 1 號要上市的「秘境探險 3: 德瑞克的騙局(Uncharted 3: Drake’s Deception)」,真不愧是頑皮狗!
Facebook(臉書)的隱私權爭議已久,雖然分享的最終決定權還是在於使用者,但是有多少人為了執行程式而不在乎被要求分享的資料或自身權益有哪些呢? 最簡單的例子: 安裝應用軟體。 應該很少人會認真檢視安裝前的 EULA (End User License Agreement, 終端使用者許可協議) 吧? 我承認,我是 :p 雖然多數人屬於「因為不接受 EULA 就沒辦法安裝,所以我只能被逼迫按下我同意」的情況,但是細看這些內容可以讓你發現更多。
害怕在馬路上飆車損己害人、得不償失嗎? 沒關係!Ashampoo 聽到你的心聲,特地提供了可以讓你盡情飆鼠的工具程式 – Mouse Tracer。 這是一款免費的自娛用飆鼠計算工具,完全免費。 不僅照顧您的安全、更讓您省錢之餘,還能舉手之勞做環保。
這幾天都在嘗試調整網誌的版面,希望能讓閱讀動線更流暢一點。 主要是將右側欄移到左側,讓視線可以不用平移太遠,方便聚焦在文章區塊,而主區塊就能自動適應解析度,要多寬就有多寬!科科 然後將 Google +1 按鈕移出側欄、修復 Google 站內搜尋、調整連結色彩更為明顯容易分辨,到目前為止算是完成了,短期內應該也不會再更動。 順便用網站時光機來回味一下改版歷史…
之前買了 MegaUpload 高級會員,下載速度果然塞爆我的肛世代 12 個妹,只是每個月 9€ 是不小的成本,所以就開始找代抓服務。 所謂代抓就是服務商購買了各家免空的高級帳號,讓你經由他們提供的解碼服務取得無限制下載,你並不會取得各家的高級帳號,只能用上述方法獲取解碼後的連結,若只有下載需求並不需要上傳的話,購買代抓的確比較划算。
從我的 CX550V 挖到的有趣影片!感覺很無聊的畫面,心想怎麼會有人拍這種東西呢?
之前在 Mobile01 就有這個主題討論串「設計師就設計師 為什麼要叫美工呢?」,本人理所當然地戰下去… 不說結論,單以最簡單的網頁設計來說,和我合作過的不下十人,只是每個幾乎都沒底子;難道真的只要會 Photoshop 合成圖庫、Dreamweaver 拉 HTML 就可以自稱設計師?
1.4.1 (Oct 12, 2011) 新增參數 detect 可偵測用戶位置 (需載入 Google Maps API, 僅適用 IE9/Firefox 3.x/Chrome/Opera 10.5/Safari 4) Demo: 台灣郵遞區號外掛 / Taiwan Zip Code Plugin of jQuery 要使用新功能必須先載入 Google Maps API <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 然後加入 detect 參數並設為 true 即可 $(function () { $(selector).twzipcode({ detect: true }); }); 當瀏覽器偵測到地理位置請求時會在上方出現: 確認後再重整一次網頁即可看到偵測結果。 附註說明 Geolocation API 屬於 HTML5 的規格,所以瀏覽器僅支援 IE9/Google Chrome/Safari […]
今天無意間看到,雖然晚了點… 這個比較好笑:防癡漢!台鐵列「黑名單」 一進站就肛盯
《圖片來源: Borderlands 2 Official Website》 自從 DLC4 之後閒置將近一年,今天官方釋出了 BTest 1.4.2,主要是針對 Steam 版本並收集遊戲統計資料為主。這個更新應該也是為了 Borderlands 2 所做的準備。 另外,BTest 對於遊戲最大的改變就是…遊戲存檔終於可以存入 Steam Cloud 了! 簡單翻譯來自官方 BTest FAQ 的重點:
httpv://www.youtube.com/watch?v=dHWt9U8bsnQ Wang stifles Cubs for first win since 2009 看這標題多麼辛酸,兩年多來的 MLB 首勝,這段時間不知道有多少酸民在冷嘲熱諷,尤其前兩次先發內容不盡理想時,不過今天的投球內容霎時就讓酸民們閉嘴了,爽!科科 Baseball Video Highlights & Clips | WSH@CHC: Wang hurls six scoreless frames – Video | nationals.com: Multimedia
本來是在看這一段,可謂是台灣之光! httpvh://www.youtube.com/watch?v=9E4LDUe5K_4 意外發現上傳者的其他影片也頗有趣… httpvh://www.youtube.com/watch?v=t35kQtVIBvY httpvh://www.youtube.com/watch?v=TrYQpMeHmMY twisternederland7 的頻道
OS: Ubuntu 11.04 64bit Nginx + PHP5-FPM + APC + ZendGuard Wordpress + Hypercache
上個禮拜買了 Linode 512,打算往後整個網站都搬到 VPS 運作,雖然 HostMonster 租約還有一年多,不過先試著調整看看也不賴。 目前僅暫時將 essoduke.org 指向新主機,其餘都還留在 HostMonster,所以除了網誌可能爆炸以外,其他暫時都不受影響。 這次使用 Ubuntu + Nginx + PHP5-FPM 搭建 Web server,效能果然很讚,但是記憶體佔用實在是個大問題,而且也遇到 Fastcgi 逾時的問題,可能還要再調校一下… 我也針對 Apache 和 Nginx 做了 ab -n 50 測試,結果是不相上下,不過一加碼到 -n 50 -c 10,Apache 就大爆炸了,這也得歸功於 Linode 強大的控制台,彈指之間就可以佈署 Distribution。 總之,還是先觀察幾天看看是不是會爆炸了! — 另外也將網誌換了一套更精簡的主題,不過還在調整就是…
將上次試作的版本做了修改,主要是將字串從核心程式檔案中依照語系獨立出來;語系檔則使用 XMLHttpRequest 非同步方式(async)讀取,所以第一次呼叫時會稍微延遲,這部份再想辦法改善。 View the Demo 已知問題: IE9 的自訂日期「i18n.datetime(date)」會產生 undefined 的錯誤。轉換的來源格式必須是 YYYY/MM/DD 測試平台: Google Chrome 10, IE8, Firefox 4
使用 lightbox 時,預設都是點擊就開啟效果,如果需搭配 draggable, droppable 或 sortable 等需要點擊拖曳的效果時,就會發生拖曳卻一直開 lightbox 的窘境。 參考了 An Awesome CSS3 Lightbox Gallery With jQuery 後,發現簡易解法(以 jQuery UI Sortable 為例): 建立 preventClick 變數決定是否需遮蔽事件 在開始拖曳時的 start 事件將此變數設為 true(遮蔽) 拖曳停止時變數設為 false(不遮蔽) var preventClick = false; //覆寫 fancybox Click event jQuery('a.fancybox').bind('click', function(e){ if (preventClick) { e.stopImmediatePropagation(); e.preventDefault(); } }); //建立 sortable jQuery('#sortable').sortable({ start: function () […]
今天發現 YouTube 多了 Movies 的選項,目前提供約 121 部免費影片可線上觀看,不過都是英文字幕,所以是個練聽力的好機會! 根據 engadget 的報導指出,YouTube 已增加包括環球、SONY 及華納兄弟等三千部電影供美國地區的 PC 及 Google TV 線上付費觀看,收費價格每部約 $2.99-3.99 不等,雖然最高解析度達 4K 等級,不過多數還是偽 HD 就是了(很像台灣唱片公司的手法 XD)。 — 或許不久的將來也將開放其他地區付費觀看吧?(遠目)
測試上一版的 deferred object,搭配 worldweatheronline.com API。 $('#weather').weather({ key: 'API key', //worldweatheronline.com API Key query: 'kaohsiung,taipei', //英文城市名稱,使用半形逗號可列出多個位置 html: true/false, //是否輸出 html,預設 true unit: 'C/F', //溫度單位 C 攝氏, F 華氏,預設 'C' lang: 'en/tw', //語系 en 英文, tw 中文,預設 'tw' success: function (resp) {} //回傳氣象物件 }); Demo
jQuery 台灣郵遞區號套件更新至 1.4: 修改原始碼以符合 jslint.com 驗證 修改參數名稱 areaName => districtName, zipName => zipcodeName, areaSel => districtSel, zipSel => zipcodeSel, zipReadonly => readonly 修正當指定元素名稱時,若名稱內包含 [] 會發生錯誤的情形。 加入 destroy, reset, serialize 等方法 更新 Creative Commons License 至 3.0 $(function(){ $('#zipcode-1').twzipcode(); $('#zipcode-2').twzipcode({ zipcodeSel: 830, readonly: false }); $('button').click(function(){ var result = $('#' + $(this).val()).twzipcode($(this).text()); if ('serialize' === $(this).text()) […]
自從發表了 Google Maps API v3 畫圓文章至今,Google Maps API 已更新至 3.4 版。 目前發現從 3.3 開始,Circle options 中的 fillColor, strokeColor 必須填寫完整的 Hex Code 而不能使用簡短寫法,例如:#369 就必須寫成 #336699。 所以就順手修正了 Google Maps API v3 畫圓 Demo。
是的,4 月 11 至 4 月 14 是 2K Games 的特惠日,不過前幾天的特惠簡直就像搔癢,直到今天,Borderlands 終於跳水,就順勢把 DLC2: Mad Moxxi’s Underdome Riot 帶回家啦,只要 2.49 鎂,多麼划算…多麼…靠盃! 而年度版更是只要 7.50 鎂,簡直是跳到沒人性了(舒維,哀家對不住您 XD) — 小王子,需要嗎?我可以代購唷,啾咪~
不嘴砲,台日友好不是假的! 可惡的中信卡過不了 Google Checkout 驗證… 另外,外交部說日本婉拒台灣派遣救難隊,想也知道是政治因素之故,畢竟還要看中國的面子,而且萬一兩隊相遇又發生 426 搶國旗怎麼辦?XD 另一個原因就是所謂的「救難認證」,這段影片有提到…
這兩天裝了 Google Chrome 的 Sexy Undo Close Tab 擴充套件,閒閒沒事在研究 Options,突然發現作者埋了個彩蛋。 首先,是很正常的 Save button…
話說,千萬不要小看 50cm 的海嘯啊啊啊… 可以從 02:06 看起,直接實驗 50cm 津波的破壞力! httpvh://www.youtube.com/watch?v=78mohnzMI6Y
在 Javascript 中,如何複製物件? 一般情況下都會想使用 = 的方式來複製,不過可能會得到以下結果: var obj = {'a': 1, 'b': 2}; var new_obj = obj; new_obj.c = 3; //result obj = {'a': 1, 'b': 2, 'c': 3};
參考日本警車的配色,再用線條去拼湊漢字,內建工具不好調,差點瞎了。 話說金龜車剛彩繪完,就遇到其他玩家挑釁 XD 因為金龜車的字體間距沒調好,感覺有點不協調,所以第二輛就選了 A6 等級的 Nissan 370z,也比較符合日系血統 附上影片 httpvh://www.youtube.com/watch?v=lDZqqxcDHOs httpvh://www.youtube.com/watch?v=Bob45EMdCEs
2011-02-08 北美時間下午三點,Steam 開放 TDU2 下載,幾個月前就預購實在等到心癢癢,雖然 Beta 時的負評不少,不過實際把玩後發覺其實沒那麼糟糕(畢竟都花 39.99 鎂了)… 其中,每個使用者都會顯示所屬國家的國旗,看了就有爽度!
這個錯誤或許能說是 JSLint 的 Bug 吧? var TestCode = function () { return false; }; alert(TestCode()); /* * Problem at line 5 character 8: Missing 'new' prefix when invoking a constructor. */ LINT 基本上是預期所有函式名稱的首字是大寫字母,這也是正規的程式設計風格所建議的。 但不知道為什麼,若是檢測的程式碼片段中有呼叫首字母為大寫的函數名稱,就會出現 Missing ‘new’ prefix when invoking a constructor 這個錯誤。 既然設計風格是提倡首字母大寫的習慣,但是卻會檢測出錯誤,所以我懷疑這是 JSLint 的 Bug。 不過使用小寫也不是什麼錯誤,所以只要將函式名稱的首字母改為小寫就能修正 :p