Coding 之路,不由分說 .Net,MVC,jQuery

9三月/120

使用 CSS 來做階層清單

前言

前陣子客戶希望清單可以像 Word 有階層,一開始我還說不可以,後來花了點時間尋找,發現原來只需要靠 CSS 就可以完成啦!只是因為不支援 IE6 和 IE7 只好找別的方式囉!不過如果不需要支援 IE6 和 IE7 的話,可以考慮使用這種方式來做喔!

標籤: , 繼續閱讀
7三月/121

使用 Facebook JavaScript SDK 來取得使用者 UID 或 AccessToken

前言

之前曾寫過【如何使用 Facebook C# SDK 發佈訊息到塗鴉牆】,其中有提到使用 Facebook JavaScript SDK 來取得 AccessToken 的方式,但是由於 Facebook 正式啟用 oAuth 2.0,因此有修改了一些東西,所以可能會有無法使用的一天,因此特別寫一篇新的教學,這次直接使用 Facebook JavaScript SDK 來取得 AccessToken,因此可以套用到任何程式語言的網頁,此外也順便提供取得使用者 UID 的語法,就可以方便實作出使用 Facebook 登入網站的系統囉!

3三月/120

【自製】 jQuery Plugin - 網頁頁籤

前言

在製作網頁的時候在內文很多的時候,通常會採用頁籤的方式來呈現多個內容,而自己也有一段常用的 jQuery 產生頁籤的語法,因為還蠻常用到的,就把它包成 jQuery Plugin 方便自己使用,也分享給大家囉!

2三月/120

好用輕巧的新 UI framework - Kendo UI

前言

去年(2011)12月 知名的 .Net 元件開發公司 Telerik 推出了一套以 jQuery 為基礎加上 HTML5 和 CSS3 的 UI Framework - Kendo UI,再我試用過之後就愛上它啦!我想要的基本元素都包含了,而且也不像 extjs 那樣的龐大跟複雜,學習起來也會比較輕鬆一點,所以還蠻推薦的囉!

29二月/121

【JQPlugin】jQuery Cycle - 好用的幻燈片展示外掛

前言

jQuery Cycle 是我很喜歡用的一個幻燈片效果的外掛,可以很方便產生圖片切換的效果,而且內建也有很多的切換效果,今天就簡單介紹一下用法,也順便提供一個今天同事遇到在 IE7 使用 PNG 會沒有透明背景的解決辦法。

24二月/120

取消行動版 safari 自動偵測數字成電話號碼

前言

最近有兩位同事不約而同都因為行動版網頁上面的數字或是日期在 iPhone 的 safari 會自動被判斷成電話號碼而產生了連結而被客戶提出修改的需求。之前我遇到時候也想說就是 iPhone 的問題阿,後來想想這樣被客戶提出疑問也不是一次的事情,那應該會有解決的辦法,搜尋了一下,找到了解法。

自動判斷成電話
▲自動判斷成電話號碼

20二月/120

Mobile Web Note - ViewPort

前言

因為行動裝置越來越多,因此逐漸會有開發行動版網頁的需求,而在設計版型的時候也會針對行動版來設計版型,而為了可以在多種解析度都可以正常瀏覽,通常會把寬度設計成 100% 這樣也比較不會讓裝置翻轉的時候產生內容無法充滿整個畫面的窘境,這時候再配合 ViewPort 的設定,就可以讓畫面瀏覽起來更是符合行動版網頁,也可以避免一些再使用者放大縮小網頁時候產生的問題。

標籤: 繼續閱讀
20三月/112

如何動態產生欄位和 ASP.Net MVC 資料繫結

前言

工作上遇到一個需求是動態產生欄位,並且可以正確接收到資料。動態產生欄位部分,有很多種方式,我採用了 jQuery Templates 來完成這需求,至於接收資料部分只需要利用 ASP.Net MVC 的資料繫結方式就可以幫我們轉成我們要的資料型態,可以讓後續處理上更加容易囉。