Month: 2011-10

這是開發工具程式時的副產品,整理成使用HTML5 Canvas實做手繪塗鴉板的範例(可適用IE9)。 程式結構分成四個主要部分: 第一部分在網頁加入八個不同背景顏色的20x20<div>,掛上click()事件當作點選後指定畫筆顏色的調色盤;第二部分則用同樣概念加入八個20x20的...

在IE中,會將網站區分成: 網際網路(Internet)、近端內部網路(Local Intranet)、信任的網站(Trusted Sites)、限制的網站(Resticted Sites)四種安全性區域(還有"我的電腦"區域,但要透過IEAK設定,一般很少用),讓使用者可以...

最近協助處理的問題,某個網頁使用IFrame內嵌了來自另一個網站的ASP.NET網頁,被內嵌的網頁有使用到Session,單獨開啟操作時一切正常;但被內嵌使用時,會出現Session無法儲存的問題。而有趣的是,另外單獨開啟Session網頁一次,再回頭使用被內嵌的版本,居然Session功能就正...

很久前討論過ready()與load()的差異,今天處理IFrame load()事件時,又有新發現。 依jQuery文件: The load event is sent to an element when it and all sub-elements have been comp...

這兩天寫程式遇到兩則jQuery議題,花了點時間才釐清,特筆記備忘。 第一個問題出現在$("#boo”).data(“foo”, fooObject).addClass(“bar”);,其於特定情況下會彈出"Error: Unable to get value of the...

收到需求: 針對大小寫有別的網頁密碼欄,因使用者無法看到其所輸入字元,希望操作介面能比照Windows,在使用者按下大寫鎖定鍵(Caps Lock)時發出提醒,減少誤按導致大小寫相反的狀況。 JavaScript的按鍵事件並未提供大寫鍵資訊,要判斷得繞點路,我想到的簡便做法是透過Shift鍵旗...

去年在貓空跑完人生的第一匹半馬後,在政大操場繞圈圈就已成為個定運動習慣,甚至前陣子還接連創下五千公尺 26'43"、25'33"的新大會記錄! 收到今年貓空路跑報名資訊,沒太多猶豫就報了名,號碼還排到兩位數去了。領排汗衫號碼布時才知今年多了晶片計時,但有趣的是,晶片計時似乎屬...

在先前介紹過的Unobtrusive Validation(謙卑式檢核)寫法,我們都是用data-val-ruleName="檢核失敗訊息"的方式指定檢核失敗時要顯示的訊息文字。但在實務情境下,檢核訊息常需依使用者選擇或輸入的內容不同而顯示不同的訊息,以提高介面親和力。(例如...

對於長年與資料庫、SQL語法打交道的開發者來說,LINQ語法有無比的親切感! 當要在List<SomeClass>集合中找尋特定物件時,寫成    form o in SomeList where o.Col1 == "A" &&...

.live()與.delegate()都是藉重DOM事件會由子元素一路向父元素Bubble Up的特性,在document或特定元素統一掛上事件函數,事件被觸發時再透過選擇器比對事件目標元素是否吻合,決定要不要執行事件邏輯,藉此提升效率,同時還能將"未來才會建立的元素"也納入...

我的工作機有16G RAM,日常開發加上跑了幾個VM,記憶體還有剩,於是便切了2GB出來做Ram Disk,並把Windows暫存目錄設在Ram Disk上,多少能提高一些效能(延伸閱讀: 保哥的介紹文)。這個配置方式已順利運作近半年,最近卻發現,看似充裕且每次重開就清空的2GB空間,居然有被用完的...

同事今天問了個有趣的問題: using System;   namespace ConsoleApplication1 { class Program { ...

前幾天看到小閃光帶回只考30分的英文聽寫測驗卷,大驚! 才發現這小妮子從來不記單字,就算英文字有聽懂,卻只靠發音猜字母,有些胡亂湊出來的組合讓人好氣又好笑。再一次,這又讓做爹的無法再坐視不管,決定採取行動強行介入。 初步構想是寫一個網頁,配合字彙庫,動態出題(用克漏字或語音提示),讓小閃光在平...

相信大家應該看過不少用HTML5做的繪圖板範例(例如: 這個、這個、這個和這個),事實上,只要一個canvas元素配合mousedown, mousemove, mouseup事件,加上幾行Code我們就可以自己寫一個陽春手繪板。不過,這種陽春寫法在iPad、iPhone、Android等觸控平...