The Will Will Web | JavaScript

The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

網站部署可考慮使用 Google AJAX Libraries API 載入 JS

Google 提供的 AJAX Libraries API 其實是一個內容散佈網路(CDN, Content Delivery Network),這裡掛載了許多知名的 Open Source JavaScript 函示庫,目前支援有 jQuery, jQuery UI, Prototype, script_aculo_us, MooTools, 與 Dojo 等各版本。而使用 Google 提供的 AJAX Libraries API 最大的好處在於使用 Google 提供之高速、穩定的 CDN 網路存取這些網路知名的 JavaScript 函示庫。

... 繼續閱讀 ...

分享 30 多種動態的頁籤(Tab)介面與 Accordion 相關程式

我想大家都知道何謂頁籤(Tab)頁面,不過你知道網路上大家都怎麼使用頁籤嗎?最近看到一則 30+ Animated Tab-Based Interface and Accordion Scripts 文章,裡面介紹了 30 多種頁籤介面,每一個頁籤介面都有原始碼可以下載,也都有提供預覽(Preview)頁面可供線上測試,多看看別人的創意,自己也會想出不少新點子。

... 繼續閱讀 ...

升級到 Flash Player 10 將會造成無法使用Flash檔案上傳功能

雖然 Flash Player 10 的出現又多了一堆又酷、又炫的功能,不過因為一些「安全」的議題,導致 Adobe 將 Flash Player 10 中的 FileReference 這個類別做了一些改變,而這個類別中有個 FileReference.browse() 方法,可以開啟一個檔案瀏覽的視窗,用來讀取使用者端本機的檔案,最常用這個功能的應用就是「檔案上傳」功能了。在 Flash Player 9 以前,使用者個方法是沒問題的,但是到了 Flash Player 10 又更嚴格的要求 FileReference.browse() 方法的使用方式,不能透過 JavaScript 直接呼叫了,而改成一定要是由「人」點選時「直接呼叫 FileReference.browse() 方法才能使用」,這導致網路上最常見的幾套 Flash 上傳元件全軍覆沒!

... 繼續閱讀 ...

推薦 50 個優質的 AJAX 學習引導(Tutorials)

今天看到一篇文章講 50 Excellent AJAX Tutorials,這篇文章列出了 50 則關於 AJAX 的教學文章,可以幫助剛要上手 AJAX 的人學習之用,每篇文章之間談到的技術領域也很廣,有 PHP, ASP.NET, Java, JavaScript, jQuery, MooTools, ... 等等,與許多各種不同的 AJAX 應用,我覺得蠻不錯的,有興趣的人可以去看看,挑一些自己有興趣的主題看看別人的文章吧(順便練練英文)。

... 繼續閱讀 ...

介紹好用工具:reCAPTCHA (免費的 CAPTCHA 驗證服務)

我想大家都知道什麼是 CAPTCHA,且實作 CAPTCHA 機制在技術上應該也不是甚麼難事,不過市面上也已經有不少人提出破解 CAPTCHA 圖片驗證的技術了,所以若要自己實作較複雜的 CAPTCHA 驗證機制其實還是有點難度的,我今天我就跟各位介紹一個偷懶的方法,也就是我之前曾經使用過的 reCAPTCHA 線上服務。

... 繼續閱讀 ...

Google Chrome 的「建立應用程式捷徑」

Google 的野心之大我想應該沒有人會懷疑,今天我赫見 Google Chrome 中的一個功能「建立應用程式捷徑」可以將目前正在瀏覽的這個網頁建立成一個捷徑在桌面(Desktop)、開始功能表(Start Menu)、或快速啟動列(Quick Launch Bar),透過這個捷徑啟動的網頁真的完全就像本機的「應用程式」一樣,只有標題列,沒有選單或任何可設定的功能,連網址列都沒有!

... 繼續閱讀 ...

介紹好用工具:Firebug ( Web 開發人員必備的工具 )

Firebug 應該是所有開發人員必備的工具了,這是一個 Firefox 的外掛程式,它提供一大堆跟 Web 開發相關的工具,可以幫助你編輯、修改網頁的 DOM 物件,對 JavaScript 除錯,可以查看任何一個元素的 CSS, HTML 設定,還可以分析網頁下載的效能,甚至於還可以自己寫程式擴充 Firebug 的功能,功能多到很難一下學會所有功能。

... 繼續閱讀 ...

SWFObject v1.5 無法在 Google Chrome 正常顯示 Flash

今天心血來潮來安裝 Google Chrome 玩玩看,果真瀏覽速度與 JavaScript 執行速度真的快很多,在使用 Gmail 的時候執行的速度幾乎跟本機的 AP 一樣快速,幾乎感受不到「網路」的感覺。不過,當使用 Google Chrome 查看我們之前做的一些網站時卻發現 Flash 都無法顯示出來,不過連到 Yahoo 或其他入口網站都可以,所以開始檢查為什麼只有我們的網站無法正常顯示 Flash。

... 繼續閱讀 ...

如何透過 Visual Studio 對任意網站的 JavaScript 除錯

在 Visual Studio 2005/2008 的[工具]選單中有個 Attach to Process 功能,可以將目前正在執行中的程序「附加」到 Visual Studio 的除錯工具(Debugger)中,讓 Visual Studio 隨時可以對任意程序進行除錯工作。這是個很方便的功能,你甚至可以不用先開啟方案檔或專案,就可以直接透過 Attach to Process 功能進行除錯,當然這也包括針對 Internet Explorer 進行除錯。

... 繼續閱讀 ...

撰寫跑馬燈/廣告輪播的好工具:jQuery Cycle Plugin

jQuery 是我最常用的 JavaScript Library,而且外掛程式超多,有空的人是可以多上去看看有什麼新玩���,保證有許多驚喜!我大約是在一年前得知有 jQuery Cycle Plugin 這個 jQuery 外掛套件吧,當時為了找一個可以「跨瀏覽器」的廣告輪播套件找了好久,也試用了好幾套,不過大部分廣告輪播或跑馬燈的 JavaScript Library 都不盡理想,最後才選擇用 jQuery Cycle Plugin 來做為跑馬燈/廣告輪播的撰寫工具。

... 繼續閱讀 ...