[站務]全球華人部落格大獎。初選入圍

我入圍了！

雖然全球華人部落格大獎一直是華人部落格圈子裡的一件盛事。但是，我的部落格卻沒有入圍過(其實我也只參加了2008年那次Orz...)，所以我常在想，是不是我的文章還有許多不足的地方，需要改進的地方，我想這個答案是相當肯定的(當然有囉XD)


萬幸，這次我終於入圍了，雖然我依然覺得我的部落格與部落格文章都有很多直得改進的地方，不過還是很謝謝選我入圍的評審，有看到這篇網誌的遊客，要支持我喔！哈哈~~

............................繼續閱讀全文內容

[jQuery]外掛特輯19:history-回到過去的時光吧！用Ajax也可以回到上一頁

大家都知道使用Ajax的網頁，在不用其他額外方法輔助的狀況下，沒有所謂的上一頁和下一頁。所以如果你想回到前幾次瀏覽的內容要怎麼辦呢？齁齁齁~那就沒辦法囉！所幸，現在透過「history」這個jQuery外掛，我們能夠挽救上一頁的功能，只是下一頁還是沒救拉。
jQuery的「history」外掛是如何幫助開發者把網頁使用者的每個操作都記錄下來呢？其實它是透過紀錄錨點(anchor)去紀錄使用者的每個操作步驟。更詳細的說明請參考哇寶的這篇文章。

• 外掛名稱：history
• 外掛首頁：http://www.mikage.to/jquery/jquery_history.html

另外，聽說使用「history」外掛有可能會遭遇一些bug，

............................繼續閱讀全文內容

[jQuery]外掛特輯18:成天組HTML字串手痠了吧，改用template幫忙吧

如果你所開發的網站包含了很多Ajax的話，我相信你常常會為了組一連串的HTML字串忙的焦頭爛額，你必須小心翼翼的注意單引號和雙引號的關係，還要小心哪個tag是不是忘記close。這一切的困擾其實都來源於一個原因，那就是你缺少了一個template機制阿！
所謂template機制指的就是你可以在HTML字串中用某些固定格式做表示，讓程式可以知道哪個部份是需要替換的東西，將這個部份帶入你所指定的內容。就如同C#語言裡面的string.format，或是Python裡面的%記號一般。


這篇文章介紹的jQuery外掛十分湊巧的就叫做「template」(一定會有人在心理OS哪裡巧了^^")，透過template處理你要動態建立的DOM物件，建立基本常會使用的模板，我相信如此一來開發Ajax網路應用程式一定更加快速，更能夠得心應手。

• 外掛名稱：template
• 作者網站：http://www.stanlemon.net/index/articles/jquery-templates.html
• 外掛首頁：http://plugins.jquery.com/project/jquerytemplate

以下是簡單的程式碼說明：

............................繼續閱讀全文內容

[jQuery]外掛特輯17:兩款美化checkbox和Radiobutton的優質外掛

繼上次介紹了美化input file控制項的jQuery外掛後，這次介紹的「checkbox」也是一款美化使用者介面的jQuery外掛，美化的對象是同樣也很難搞的Checkbox和RadioButton，而且這個外掛設計的使用者介面還蠻有趣的，請看上圖右方的ON/OFF這個介面是不是很像iPhone呢？作者提供了兩種樣式供開發者使用，第一種被稱為safari樣式、第二種就是上圖右邊的樣子，這是預設樣式。

• 外掛名稱：checkbox
• 外掛首頁：http://widowmaker.kiev.ua/checkbox/
• 說明文件：http://code.google.com/p/jquery-checkbox/

如果對於上面的外掛樣式不夠滿意，怎麼辦呢？

............................繼續閱讀全文內容

[jQuery]外掛特輯16:jPlayer-精美的線上音樂播放器

jPlayer是一個jQuery外掛，這個外掛透過載入Jplayer.swf，這個Flash檔案，讓網頁可以顯示一個線上音樂播放器。這個播放器也包含了一般音樂播放器應有的功能，舉凡聲音的大小聲控制、播放進度條的移動、播放、暫停、下一首、上一首等功能，jPlayer都幫你處理好了。你只需要透過這個jQuery外掛所包好的API去呼叫這些方法。

............................繼續閱讀全文內容

[jQuery]外掛特輯15:BlockUI-區塊遮蔽讓使用者不再看到不該看的

Block UI是一個相當古老的jQuery外掛，它幾乎就和另外一個叫做Thickbox的jQuery外掛一樣的古老，這是一個產生燈箱(lightbox)效果的外掛。雖然這些外掛都很古老，但卻也相當的完整，實在不可以小覷阿！像本文所介紹的BlockUI就是在使用者介面的遮蔽上首屈一指的外掛。


那麼為什麼要用BlockUI遮蔽使用者介面呢？最主要有兩個功用：

(1)當資料載入或儲存時，遮蔽畫面，禁止使用者連續進行操作，例如:猛點add或save這種事＝="

(2)這是一個很微妙的人性問題，當使用者在瀏覽網頁的時候，如果畫面上有越多的選擇時，使用者越會無所適從，越會需要費心去尋找牠們所要使用的功能，這個時候還不如直接一點，就由我們來貼心的幫他把不需要看到的東西遮住。

• 外掛名稱：BlockUI
• 作者網站：http://malsup.com/jquery/block/#overview
• 範例演示：http://malsup.com/jquery/block/

事實上，blockUI的功能跟jQuery UI的dialog十分類似，兩者之間最主要的差異應該是

............................繼續閱讀全文內容

[jQuery]外掛特輯14:Cookie-更方便的存取Cookie

Cookie是網頁開發時，儲存資料的一個重要的地方，每個人在開發網頁程式的時候都一定會用到Cookie，如果你以為你沒有使用那就肯定大錯特錯了！如果你有用到Sever端的Session，那麼通常都會透過Cookie儲存一些關於這個Session的資料，像是SessionId，所以幾乎每個網頁都或多或少用到Cookie，可想而知Cookie的重要程度啦。本篇文章介紹的jQuery外掛「Cookie」，就是專門用來存取Cookie的好工具。

• 外掛名稱：Cookie
• 作者網站：http://www.stilbuero.de/
• 範例演示：http://stilbuero.de/jquery/cookie/

Cookie有什麼樣的特性呢？

............................繼續閱讀全文內容