前陣子案子遇到的問題，是一個簡單的表單需求，使用 ASP.NET 作為伺服器端語言，而前端要使用 jQuery validate 做驗證再送出。
在送出前需要再做一些事件，所以使用 jQuery validate submitHandler 事件處理，最後再以 form.submit(); 送出。
code 簡單重現如下：
Continue reading
[旅遊] 西藏之旅 – 珠峰大本營、珠峰的星空
Standard今天（5/15）是此次旅程的重頭戲了！我們要前往世界海拔最高的寺廟─絨布寺，也就是珠峰大本營附近，要在此處欣賞世界第一高峰─珠穆琅瑪峰。
先刊一張感動不已的 珠峰‧星空
[旅遊] 西藏之旅 – 札什倫布寺、日喀則
Standard西藏之旅來到了第五天，今天要往後藏的日喀則去了。
早餐後，今天開始的行程改搭吉普車，說是吉普車，我覺得比較像是休旅車啦。 我們 2 號車的師傅（在中國，司機都稱作師傅）姓姜，裡著很短的平頭，帶著墨鏡，臉上還有幾道刀疤，若不認識他，可能會以為他是個殺手。他的話不多，但有問必答。 和 3 號車的司機應該是同鄉，都來自甘肅。
[旅遊] 西藏之旅 – 聖湖‧納木措
Standard
2012/05/13 聖湖‧納木措
今天的行程終於要暫時離開拉薩這個挺現代化的城市，去體驗西藏的自然景緻了。
唯一的目的地是世界上海拔最高的大型湖泊，同時也是西藏第一聖湖 ─ 納木措。
[旅遊] 西藏之旅 – 藥王山、羅布林卡、色拉寺
Standard
[旅遊] 西藏之旅 – 布達拉宮、大昭寺、八廓街
Standard在西藏的第一晚睡得還不錯，我想房裡有加濕器有差，後面幾天在日喀則的飯店房內沒設置，起床鼻子就感到很乾燥。
幸好沒有什麼高原反應，今天可是要爬上好幾層階梯，在布達拉宮朝聖呢！
昨晚似乎下了大雨，早上起來看到酒店內的草皮上都還有積水。
5/10 布達拉宮
今天的行程是布達拉宮，由於晚到就會進不去，所以得吃完早餐就去排隊。
[旅遊] 西藏之旅 – 緣起、啟程(桃園 – 上海 – 西安)、踏上西藏的土地
Standard
[Node.js] 使用 Node.js 來達成電腦網頁與手機網頁即時互動
Standard這幾年 Node.js 在台灣許多網站都開始使用，我對這項技術一直頗有興趣，在想能怎麼使用這項技術去玩些有趣的互動。
曾照著網上熱心前輩所寫的文章試著寫寫看，也在去年九月參加了 HTML5與Node.js在台灣聯合技術小聚，但一時案子忙碌，實在沒有心力好好研究便停滯了。
最近公司上線的案子（1, 2）剛好能有這個機會讓我來玩玩，目的是讓使用者透過手機網頁來與電腦開啟的網頁做些即時互動。
用 App 寫要考量跨平台與門檻(還要去下載 App，應該會讓一些單純想玩玩 Event 的使用者卻步)的問題，因此便希望能都用 Web 上的技術來達成囉。
此篇便簡單紀錄一下 Node.js 在 FreeBSD 上的安裝，以及簡單製作一個手機與電腦即時互動的網頁。
自認觀念上還不是相當清楚便迫不及待分享了，若有誤之處還請前輩給予指導囉 ：）
iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載 (preload) 的問題
Standard即將上線的 Case 花了不少時間在調校手機網頁與電腦網頁互動的工作，是使用 Nodejs 來達成，但這篇講的主題跟 Nodejs 無關，而是在製作手機版網頁時用到 audio 標籤用以播放音效所遇到的問題。
情況描述：Case 中有個互動效果是當使用者開啟手機版網頁後，會進行互動並播放 GIF 動畫（噢，許多舊版本的 Android 裝置是無法播放 GIF 動畫的，這點也要提一下），動畫播放過程中會播放音效。
在 Android 的內建瀏覽器中可自動播放音效，但在 Android 的 Chrome Beta 與 iPhone/iPad 上的 Safari 卻無法正常播放，一點聲音也沒有。而且在桌上型電腦上都可正常地播放。
為什麼呢？
[JavaScript] 判斷手機為直向或橫向
Standard最近在製作手機版的 Event Site，發現許多眉眉角角的東西要不斷地調校。
iOS 也許還好，頂多就是 iPhone 跟 iPad 的差異。
但 Android 就麻煩多了，要顧及各種版本與螢幕大小。喔對了，還有不同瀏覽器的問題。
本例想利用 JavaScript 來判斷使用者的行動裝置正在使用直向或橫向瀏覽，
若非我們預設的瀏覽方向，需秀出警語或遮罩。
當然也可以選擇 CSS 的方式來製作，可以搜尋 “orientation css” 這樣的關鍵字，可以找到許多做法。
但有時候還是需要 JavaScript 的事件來控制一些流程。
以下是在
- SAMSUNG I9100 (Android 4.0.3): 內建瀏覽器、海豚瀏覽器 8.0.0、Chrome Beta 0.18.4409.2396、Opera Mobile 12.00.ADR-1203051631
- Sony XPERIA S: 內建瀏覽器
- HTC ONE X: 內建瀏覽器
- SonyEricsson Xperia Arc S: 內建瀏覽器
- Apple iPhone 3GS 內建瀏覽器(Safari)
- Apple iPhone 4S 內建瀏覽器(Safari)
- Apple iPad2: 內建瀏覽器(Safari)
測試過 OK。
以下是 Code:
Continue reading